/* Colors */
/* Sizing */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap");
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-light-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-lightitalic-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-lightitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-regular-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-regularitalic-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-regularitalic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-semibold-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-semibold-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-semibolditalic-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-semibolditalic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-bold-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-bold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Molde';
  src: url("/design/fonts/molde/molde-bolditalic-webfont.woff2") format("woff2"), url("/design/fonts/molde/molde-bolditalic-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Sanchez';
  src: url("/design/fonts/sanchez/sanchez-regular-webfont.woff2") format("woff2"), url("/design/fonts/sanchez/sanchez-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Sanchez';
  src: url("/design/fonts/sanchez/sanchez-bold-webfont.woff2") format("woff2"), url("/design/fonts/sanchez/sanchez-bold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
img {
  border: 0; }

a {
  color: #008cb7;
  transition: color ease 0.25s; }
  a:hover {
    color: #009fdf; }

h1 {
  font-family: 'Sanchez', serif;
  font-weight: 600;
  font-style: normal; }

h2, h3, h4, h5 {
  font-weight: 500; }

html {
  min-width: 320px;
  overflow-x: hidden;
  width: 100vw; }

body {
  font-family: 'Molde', sans-serif;
  font-size: 14px;
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  padding: 0;
  width: 100vw; }
  body > header {
    background: white;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 100; }
    body > header .navigation-bar {
      box-sizing: border-box;
      padding: 20px;
      width: 100%;
      position: relative; }
      body > header .navigation-bar .inner {
        max-width: 1640px;
        margin: 0 auto;
        height: 80px; }
    body > header a.logo {
      display: block;
      float: left;
      height: 80px;
      width: 170px;
      font-size: 0; }
      body > header a.logo img {
        display: block;
        width: 170px;
        height: 80px; }
    body > header nav.main {
      float: right; }
      body > header nav.main a {
        text-decoration: none; }
      body > header nav.main #desktop-menu {
        padding: 32px 108px 0 0;
        position: relative; }
        body > header nav.main #desktop-menu ul.top {
          list-style-type: none;
          margin: 0;
          padding: 0;
          font-size: 0; }
          body > header nav.main #desktop-menu ul.top > li.dropdown {
            display: inline-block; }
            body > header nav.main #desktop-menu ul.top > li.dropdown > a {
              border-bottom: 3px solid transparent;
              color: #363636;
              display: block;
              font-size: 17px;
              font-weight: 500;
              margin-right: 0.4rem;
              padding: 1rem 0.9rem; }
              body > header nav.main #desktop-menu ul.top > li.dropdown > a:hover {
                color: #009fdf; }
            body > header nav.main #desktop-menu ul.top > li.dropdown.chevron > a::after {
              content: "\f078";
              font-family: "Font Awesome 6 Pro";
              font-weight: 900;
              color: #a0a0a0;
              font-size: 12px;
              margin-left: 8px;
              display: inline-block; }
            body > header nav.main #desktop-menu ul.top > li.dropdown.active {
              color: #2F302D; }
              body > header nav.main #desktop-menu ul.top > li.dropdown.active > a {
                border-color: #009fdf; }
            body > header nav.main #desktop-menu ul.top > li.dropdown.open > a {
              color: #009fdf; }
            body > header nav.main #desktop-menu ul.top > li.dropdown.open .wagtail {
              display: block; }
            body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail {
              display: none;
              position: absolute;
              left: -220px;
              top: calc(100% - 3px);
              z-index: 120; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .header {
                margin: 0;
                position: relative;
                font-size: 32px;
                font-weight: 400;
                font-family: inherit; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .title {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                justify-content: flex-start; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .description-container {
                margin: 0;
                align-self: stretch;
                position: relative;
                font-size: 23px;
                font-style: italic; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .description-container p {
                  margin: 0; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .vector-icon {
                position: relative;
                width: 20px;
                height: 17.78px; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .arrow {
                width: 26px;
                height: 26px;
                overflow: hidden;
                flex-shrink: 0;
                display: none;
                flex-direction: column;
                padding: 5px 4px;
                box-sizing: border-box;
                align-items: center;
                justify-content: center; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .find-out-more {
                position: relative;
                font-weight: 600; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .icon-right {
                width: 26px;
                height: 26px;
                overflow: hidden;
                flex-shrink: 0;
                display: flex;
                flex-direction: column;
                padding: 5px 4px;
                box-sizing: border-box;
                align-items: center;
                justify-content: center; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .buttons {
                text-decoration: none;
                background-color: #fff200;
                display: flex;
                flex-direction: row;
                padding: 14px 21px;
                align-items: center;
                justify-content: flex-start;
                gap: 9px;
                font-size: 21px;
                color: #000;
                font-family: Molde;
                transition: all ease 0.25s; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .buttons:hover {
                  background-color: #009fdf;
                  color: white; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .intro {
                align-self: stretch;
                background-color: #f2f5f7;
                width: 440px;
                display: flex;
                flex-direction: column;
                padding: 48px;
                box-sizing: border-box;
                align-items: flex-start;
                justify-content: flex-start;
                gap: 32px;
                font-family: Lora; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .talk-to-someone {
                position: relative;
                line-height: 20px; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .underline {
                position: relative;
                border-top: 1px solid #fff;
                box-sizing: border-box;
                width: 0%;
                height: 1px;
                transition: all ease 0.5s; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .chevron-icon {
                position: relative;
                width: 16px;
                height: 16px;
                overflow: hidden;
                flex-shrink: 0;
                display: none; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-header {
                text-decoration: none;
                display: inline-block;
                padding: 18px 0px 16px;
                font-size: 20px;
                color: #0094d0;
                font-family: Molde; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-header:hover .underline {
                  border-top: 1px solid black;
                  width: 100%; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .warning-signs {
                position: relative;
                line-height: 150%; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-link {
                text-decoration: none;
                height: 44px;
                display: inline-block;
                padding: 10px 0px;
                box-sizing: border-box;
                color: inherit;
                transition: all ease 0.5s; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-link:hover {
                  color: #39b54a; }
                  body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-link:hover .underline {
                    border-top: 1px solid black;
                    width: 100%; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-items {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                width: calc(50% - 24px); }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-1 {
                align-items: flex-start;
                display: flex;
                flex: 1;
                flex-wrap: wrap;
                gap: 48px;
                justify-content: flex-start;
                max-height: 500px;
                flex-direction: column; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menus {
                align-self: stretch;
                flex: 1;
                display: flex;
                flex-direction: row;
                padding: 48px 48px 64px;
                align-items: flex-start;
                justify-content: flex-start;
                gap: 48px;
                font-size: 16px;
                color: #030303;
                font-family: Inter; }
              body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu {
                border-radius: 24px;
                background-color: #fff;
                box-shadow: 0px 12px 44px rgba(0, 0, 0, 0.35);
                width: 1200px;
                overflow: hidden;
                flex-shrink: 0;
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                justify-content: flex-start; }
              @media screen and (max-width: 1200px) {
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .intro {
                  width: 35%; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu {
                  align-self: stretch;
                  width: auto; } }
              @media screen and (max-width: 960px) {
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .need-to-talk-container {
                  font-size: 20px; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .intro {
                  width: 100%;
                  height: auto; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menus {
                  flex: unset;
                  align-self: stretch; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu {
                  height: auto;
                  flex-direction: column; } }
              @media screen and (max-width: 420px) {
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .find-support {
                  font-family: Molde;
                  font-size: 14px; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .title {
                  height: auto; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .need-to-talk-container {
                  font-size: 14px; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .find-out-more {
                  font-size: 16px;
                  color: #fff; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .buttons {
                  background-color: #54585a; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .intro {
                  box-sizing: border-box;
                  gap: 8px;
                  padding: 24px; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .talk-to-someone {
                  font-size: 18px; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-header {
                  align-self: stretch;
                  width: auto;
                  gap: 8px;
                  padding-bottom: 8px;
                  box-sizing: border-box; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-1 {
                  gap: 16px;
                  flex: unset;
                  align-self: stretch; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menus {
                  flex-direction: column;
                  padding: 24px;
                  box-sizing: border-box; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu {
                  border-radius: 0px; }
                body > header nav.main #desktop-menu ul.top > li.dropdown .wagtail .menu-component-export {
                  padding: 0px;
                  box-sizing: border-box; } }
          body > header nav.main #desktop-menu ul.top > li.search {
            border-radius: 10px;
            display: inline-block;
            font-size: 18px;
            position: relative; }
            body > header nav.main #desktop-menu ul.top > li.search.open > a {
              border-color: #54585a; }
            body > header nav.main #desktop-menu ul.top > li.search > a {
              border: 2px solid #d0d0d0;
              border-radius: 30px;
              color: #363636;
              display: block;
              font-weight: 500;
              height: 19px;
              line-height: 18px;
              margin: 0 0.25rem 0 0.25rem;
              padding: 10px 15px 10px 10px;
              text-align: center; }
              body > header nav.main #desktop-menu ul.top > li.search > a:hover {
                border-color: #009fdf; }
          body > header nav.main #desktop-menu ul.top > li.contact {
            font-size: 14px;
            font-weight: 400;
            position: absolute;
            right: 112px;
            top: 6px;
            color: #009fdf;
            font-weight: 500; }
            body > header nav.main #desktop-menu ul.top > li.contact a {
              color: #009fdf; }
              body > header nav.main #desktop-menu ul.top > li.contact a:hover {
                color: #54585a; }
          body > header nav.main #desktop-menu ul.top > li.button {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 0; }
            body > header nav.main #desktop-menu ul.top > li.button > a {
              background: #fff200;
              border-radius: 4px;
              color: black;
              display: block;
              font-size: 1.125rem;
              font-weight: 500;
              padding: 1rem 1rem;
              text-align: center;
              transition: all ease 0.25s; }
              body > header nav.main #desktop-menu ul.top > li.button > a i {
                font-size: 1.5rem; }
              body > header nav.main #desktop-menu ul.top > li.button > a:hover {
                color: white;
                background: #009fdf; }
      body > header nav.main #touch-menu {
        display: none;
        font-size: 0; }
        body > header nav.main #touch-menu a.donate {
          background: #fff200;
          border-radius: 3px;
          box-sizing: border-box;
          color: black;
          display: inline-block;
          font-size: 1rem;
          font-weight: 600;
          height: 42px;
          margin-right: 48px;
          padding: 0.6rem 0.75rem 0.8rem;
          vertical-align: middle; }
        body > header nav.main #touch-menu a.burger {
          color: black;
          cursor: pointer;
          display: inline-block;
          height: 66px;
          line-height: 66px;
          position: absolute;
          right: 0;
          text-align: center;
          top: 0;
          vertical-align: middle;
          width: 58px;
          z-index: 2; }
          body > header nav.main #touch-menu a.burger::after {
            content: "\f0c9";
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-size: 32px; }
        body > header nav.main #touch-menu .menu {
          position: fixed;
          left: 0;
          top: 0;
          width: 100vw;
          height: 100vh;
          background: white;
          display: none;
          overflow-y: scroll;
          overflow-x: hidden;
          z-index: 3; }
          body > header nav.main #touch-menu .menu > .close {
            color: black;
            cursor: pointer;
            display: inline-block;
            height: 64px;
            line-height: 64px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            vertical-align: middle;
            width: 58px;
            z-index: 2; }
            body > header nav.main #touch-menu .menu > .close::after {
              content: "\f00d";
              font-family: "Font Awesome 6 Pro";
              font-weight: 900;
              font-size: 32px; }
          body > header nav.main #touch-menu .menu .menu-items {
            padding: 96px 24px 96px;
            display: flex;
            flex-direction: column;
            gap: 12px; }
            body > header nav.main #touch-menu .menu .menu-items .menu-item {
              font-size: 20px;
              font-family: Molde; }
              body > header nav.main #touch-menu .menu .menu-items .menu-item > a {
                font-weight: 500;
                color: #363636;
                padding: 8px;
                display: block; }
                body > header nav.main #touch-menu .menu .menu-items .menu-item > a.trigger {
                  position: relative; }
                  body > header nav.main #touch-menu .menu .menu-items .menu-item > a.trigger::after {
                    content: "\f054";
                    font-family: "Font Awesome 6 Pro";
                    font-weight: 900;
                    color: #a6a6a6;
                    font-size: 12px;
                    position: absolute;
                    right: 8px;
                    top: 50%;
                    transform: translateY(-50%); }
              body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu {
                position: fixed;
                left: 0;
                top: 0;
                width: 100vw;
                height: 100vh;
                background: white;
                display: none;
                overflow-y: scroll;
                overflow-x: hidden;
                z-index: 4; }
                body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro {
                  background-color: #f2f5f7;
                  padding: 64px 24px 32px;
                  font-family: Lora; }
                  body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro > .close {
                    color: black;
                    cursor: pointer;
                    display: inline-block;
                    height: 64px;
                    line-height: 64px;
                    position: absolute;
                    right: 0;
                    text-align: center;
                    top: 0;
                    vertical-align: middle;
                    width: 58px;
                    z-index: 2; }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro > .close::after {
                      content: "\f00d";
                      font-family: "Font Awesome 6 Pro";
                      font-weight: 900;
                      font-size: 32px; }
                  body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro > .back {
                    box-sizing: border-box;
                    font-size: 12px;
                    font-weight: 500;
                    left: 0;
                    padding: 24px 16px;
                    position: absolute;
                    top: 0;
                    width: calc(100% - 75px);
                    color: #363636;
                    cursor: pointer;
                    font-family: Molde; }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro > .back::before {
                      content: "\f053";
                      font-family: "Font Awesome 6 Pro";
                      font-weight: 900;
                      color: #a6a6a6;
                      font-size: 12px;
                      margin-right: 6px; }
                  body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro .description-container {
                    margin: 0;
                    align-self: stretch;
                    position: relative;
                    font-size: 17px;
                    font-style: italic; }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro .description-container p {
                      margin: 0; }
                  body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro .buttons {
                    text-decoration: none;
                    background-color: #505050;
                    display: flex;
                    flex-direction: row;
                    padding: 14px 21px;
                    align-items: center;
                    justify-content: flex-start;
                    gap: 9px;
                    font-size: 21px;
                    color: white;
                    font-family: Molde;
                    transition: all ease 0.25s; }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro .buttons .find-out-more {
                      flex: 1; }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro .buttons .icon-right i.fas {
                      color: yellow;
                      float: right; }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro .buttons:hover {
                      background-color: #009fdf;
                      color: white; }
                  body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .intro .description-container + .buttons {
                    margin-top: 24px; }
                body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .sub-menu-items {
                  display: flex;
                  flex-direction: column;
                  padding: 24px 24px 96px;
                  gap: 32px; }
                  body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .sub-menu-items .menu-group {
                    flex: 1; }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .sub-menu-items .menu-group .menu-header {
                      border-bottom: 1px solid #c2d1d9;
                      color: #0094d0;
                      display: block;
                      font-family: Molde;
                      font-size: 20px;
                      margin-bottom: 8px;
                      padding: 8px 0px 10px;
                      text-decoration: none;
                      position: relative; }
                      body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .sub-menu-items .menu-group .menu-header::after {
                        content: "\f054";
                        font-family: "Font Awesome 6 Pro";
                        font-weight: 900;
                        color: #a6a6a6;
                        font-size: 12px;
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%); }
                    body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .sub-menu-items .menu-group .menu-link {
                      text-decoration: none;
                      display: block;
                      padding: 10px 0px;
                      box-sizing: border-box;
                      color: #363636;
                      font-weight: 500;
                      font-size: 18px; }
                      body > header nav.main #touch-menu .menu .menu-items .menu-item .sub-menu .sub-menu-items .menu-group .menu-link b {
                        font-weight: 500; }
              body > header nav.main #touch-menu .menu .menu-items .menu-item.open .sub-menu {
                display: block; }
        body > header nav.main #touch-menu.open .menu {
          display: block; }
    body > header .search-bar {
      background: #2F302D;
      box-sizing: border-box;
      display: none;
      padding: 50px 20px;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 100; }
      body > header .search-bar.open {
        display: block; }
      body > header .search-bar .inner {
        max-width: 1280px;
        margin: 0 auto; }
      body > header .search-bar form {
        display: flex;
        width: 100%;
        align-items: center; }
        body > header .search-bar form label {
          color: white;
          font-size: 24px;
          font-weight: 500; }
        body > header .search-bar form input[type="text"] {
          border: 0;
          border-radius: 30px;
          font-size: 24px;
          font-weight: 400;
          padding: 16px 30px;
          margin: 0 1.25rem;
          flex: 1; }
        body > header .search-bar form button {
          background: transparent;
          border: 0;
          border-radius: 5px;
          color: #009fdf;
          cursor: pointer;
          font-size: 24px;
          font-weight: 600;
          padding: 16px;
          transition: all ease 0.25s; }
          body > header .search-bar form button:hover {
            background: #00658d;
            color: white; }
    @media (max-width: 1260px) {
      body > header .navigation-bar {
        padding: 12px; }
        body > header .navigation-bar .inner {
          height: 42px; }
      body > header a.logo {
        height: 52px;
        margin: -5px 0 0 -5px;
        width: 116px; }
        body > header a.logo img {
          height: 52px;
          width: 116px; }
      body > header nav.main #desktop-menu {
        display: none; }
      body > header nav.main #touch-menu {
        display: block; }
      body > header .search-bar {
        padding: 20px 20px 30px; }
        body > header .search-bar form {
          font-size: 0; }
          body > header .search-bar form label {
            font-size: 16px; }
          body > header .search-bar form input[type="text"] {
            font-size: 16px;
            padding: 12px 16px; }
          body > header .search-bar form button {
            background: #00658d;
            color: white;
            font-size: 20px;
            padding: 10px 16px; } }
    @media (max-width: 762px) {
      body > header .search-bar form {
        display: block; }
        body > header .search-bar form label {
          display: block;
          margin: 0 0 8px 0; }
        body > header .search-bar form input[type="text"] {
          border-radius: 4px;
          margin-left: 0;
          margin-right: 10px;
          width: calc(100% - 102px);
          vertical-align: middle; }
        body > header .search-bar form button {
          vertical-align: middle; } }
    @media (max-width: 374px) {
      body > header nav.main #touch-menu a.donate {
        margin-right: 46px; }
      body > header nav.main #touch-menu a.search {
        display: none; }
      body > header .search-bar {
        display: none; } }
    @media print {
      body > header {
        border-bottom: 3px solid #009fdf;
        margin: 0 0 1rem;
        padding: 0 0 1rem; }
        body > header nav.main #desktop-menu {
          display: block;
          padding: 6px 0 0; }
          body > header nav.main #desktop-menu ul.top > li.dropdown {
            display: none; }
          body > header nav.main #desktop-menu ul.top > li.social {
            display: none; }
          body > header nav.main #desktop-menu ul.top > li.button {
            display: none; }
          body > header nav.main #desktop-menu ul.top > li.contact {
            font-size: 1.5rem;
            font-weight: 600;
            position: relative;
            right: auto;
            top: auto; }
        body > header nav.main #touch-menu {
          display: none; } }
  body > footer {
    box-sizing: border-box;
    padding: 0 0 6.5rem;
    width: 100%; }
    body > footer .actions {
      background: #f3f2f1 url("/design/images/refresh/neurons.svg") repeat center center;
      margin: 0 0 3rem;
      position: relative;
      border-top: 8px solid #edeceb; }
      body > footer .actions .columns {
        max-width: calc(1280px + 4rem);
        display: flex;
        margin: 0 auto; }
        body > footer .actions .columns .column {
          flex: 1;
          padding: 5rem 2rem 5.5rem;
          text-align: center; }
      body > footer .actions .sub-title {
        font-weight: 500;
        font-size: 16px; }
      body > footer .actions .title {
        color: #009fdf;
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 0.5rem;
        display: block;
        text-decoration: none; }
        body > footer .actions .title:hover {
          color: #54585a; }
      body > footer .actions .description {
        font-size: 16px;
        color: #363636; }
    body > footer .info {
      max-width: 1280px;
      padding: 0 20px;
      margin: 0 auto; }
      body > footer .info .phone {
        color: #515151;
        font-size: 24px;
        font-weight: 600;
        line-height: 29px;
        margin: 0 0 1rem;
        display: flex; }
        body > footer .info .phone .link {
          white-space: nowrap;
          flex: none; }
          body > footer .info .phone .link i.fa-phone,
          body > footer .info .phone .link i.fa-envelope {
            margin-left: 2rem;
            margin-right: 0.5rem;
            color: black; }
          body > footer .info .phone .link a {
            text-decoration: none;
            color: #009fdf; }
            body > footer .info .phone .link a:hover {
              color: #54585a; }
        body > footer .info .phone .social {
          font-size: 0;
          flex: 1;
          text-align: right; }
          body > footer .info .phone .social a {
            color: #969696;
            display: inline-block;
            font-size: 1.25rem;
            margin-left: 0.5rem;
            padding: 0.25rem; }
            body > footer .info .phone .social a:hover {
              color: #009fdf; }
      body > footer .info .columns {
        color: #92989F;
        display: flex;
        font-size: 13px; }
        body > footer .info .columns .column {
          padding: 0 1rem; }
          body > footer .info .columns .column:nth-child(1) {
            flex: 22;
            padding-left: 0; }
          body > footer .info .columns .column:nth-child(2) {
            flex: 28; }
          body > footer .info .columns .column:nth-child(3) {
            flex: 50;
            padding-right: 0; }
        body > footer .info .columns .address,
        body > footer .info .columns .hours {
          padding: 1.25rem 0 0; }
        body > footer .info .columns .logos {
          font-size: 0;
          text-align: right; }
          body > footer .info .columns .logos .heading {
            font-size: 13px; }
          body > footer .info .columns .logos img.logo + img.logo {
            margin-left: 0.5rem; }
      body > footer .info .final {
        color: #696969;
        display: flex;
        font-size: 13px;
        margin: 1rem 0 0; }
        body > footer .info .final .left {
          flex: 1; }
        body > footer .info .final a {
          color: #009fdf;
          display: inline-block;
          font-weight: 500;
          text-decoration: none; }
          body > footer .info .final a:hover {
            color: #54585a; }
        body > footer .info .final .copyright {
          margin-right: 2rem; }
        body > footer .info .final .attribution {
          margin-right: 1rem; }
        body > footer .info .final .small-nav a {
          margin-left: 1rem; }
        body > footer .info .final .charity {
          font-size: 14px;
          font-weight: 500;
          flex: 1; }
    @media (max-width: 1260px) {
      body > footer .info .phone {
        display: block;
        font-size: 20px;
        text-align: center; }
        body > footer .info .phone .link {
          display: block; }
          body > footer .info .phone .link i.fa-phone,
          body > footer .info .phone .link i.fa-envelope {
            margin-left: 0; }
        body > footer .info .phone .social {
          margin-top: 2rem;
          text-align: center; }
          body > footer .info .phone .social a {
            font-size: 1.75rem;
            margin: 0 0.5rem; }
      body > footer .info .columns {
        display: block;
        text-align: center; }
        body > footer .info .columns .column {
          padding: 1.25rem 0 0; }
          body > footer .info .columns .column .heading {
            font-weight: 600;
            margin: 0 0 0.25rem;
            color: #797979; }
        body > footer .info .columns .logos {
          font-size: 0;
          padding: 2rem 0 0;
          text-align: center; }
          body > footer .info .columns .logos img.logo {
            display: block;
            margin: 0 auto 0.5rem; }
          body > footer .info .columns .logos img.logo + img.logo {
            margin: 0 auto 0.5rem; }
      body > footer .info .final {
        display: block;
        text-align: center;
        margin: 2rem 0 0; }
        body > footer .info .final .small-nav {
          margin: 0 0 0.5rem; }
          body > footer .info .final .small-nav a {
            margin: 0 1rem; }
        body > footer .info .final .copyright {
          margin: 0 0 0.5rem; }
      body > footer .actions .columns {
        display: block; }
        body > footer .actions .columns .column {
          padding: 2rem 2rem; } }
    @media print {
      body > footer {
        display: none; } }

.breadcrumbs {
  font-size: 0; }
  .breadcrumbs .label {
    color: #6a6b68;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0.5rem 0 0;
    vertical-align: middle; }
  .breadcrumbs .divider {
    color: #c0c0c0;
    display: inline-block;
    font-size: 14px;
    margin: 0 0.5rem;
    vertical-align: middle; }
  .breadcrumbs a {
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    color: #6a6b68;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 0.33rem 0.75rem;
    text-decoration: none;
    transition: all ease 0.25s;
    vertical-align: middle; }
    .breadcrumbs a:hover {
      background: #009fdf;
      color: white; }

/* 404 Page */
body.four-oh-four-page #content {
  background: #f3f2f1;
  border-top: 8px solid #edeceb;
  overflow: auto; }
  body.four-oh-four-page #content .wrapper {
    background: white;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin: 2rem auto;
    max-width: 1280px;
    padding: 3rem;
    font-size: 18px; }
    body.four-oh-four-page #content .wrapper h1 {
      font-size: 36px;
      margin: 0 0 2rem; }
  @media (max-width: 1260px) {
    body.four-oh-four-page #content .wrapper {
      padding: 1.5rem;
      max-width: calc(100% - 2rem);
      margin: 1rem; }
      body.four-oh-four-page #content .wrapper h1 {
        font-size: 30px;
        margin: 0 0 1.5rem; } }

/* Home page styling. */
body.home-page #content {
  background: white;
  overflow: auto; }
  body.home-page #content #banner {
    background: #006790;
    color: white; }
    body.home-page #content #banner .wrapper {
      font-size: 1.1rem;
      margin: 0 auto;
      max-width: 1280px;
      padding: 1rem; }
      body.home-page #content #banner .wrapper a {
        color: white;
        font-weight: bold;
        text-decoration: none; }
        body.home-page #content #banner .wrapper a:hover {
          text-decoration: underline; }
  body.home-page #content #intro {
    background: #009fdf;
    position: relative;
    width: 100%; }
    body.home-page #content #intro .spacer {
      padding-top: 24%; }
    body.home-page #content #intro .hero {
      height: 100%;
      width: auto;
      left: 25%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      z-index: 1; }
      body.home-page #content #intro .hero.mobile {
        display: none; }
    body.home-page #content #intro .mask {
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 56%;
      z-index: 2;
      overflow: hidden; }
      body.home-page #content #intro .mask .wrapper {
        position: absolute;
        background: #009fdf;
        width: 150%;
        height: 200%;
        top: 25%;
        left: 15%;
        transform: rotate(-10deg) translateY(-50%); }
        body.home-page #content #intro .mask .wrapper::after {
          background: #009fdf;
          content: "";
          height: 100%;
          left: 0;
          opacity: 0.1;
          position: absolute;
          top: 0;
          width: 100%; }
    body.home-page #content #intro .text {
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      width: 100%;
      position: absolute;
      padding: 0 1rem;
      right: 0;
      top: 46%;
      transform: translateY(-50%);
      z-index: 3;
      box-sizing: border-box; }
      body.home-page #content #intro .text .wrapper {
        box-sizing: border-box;
        color: white;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0 1rem 0 calc(50% + 4rem); }
        body.home-page #content #intro .text .wrapper h1 {
          font-family: 'Lora', serif;
          font-size: 30px;
          font-weight: 700;
          color: #FFFBB7;
          margin: 0; }
        body.home-page #content #intro .text .wrapper h2 {
          font-family: 'Lora', serif;
          font-size: 20px;
          font-weight: 600;
          margin: 0; }
    body.home-page #content #intro .call-to-action {
      bottom: 0;
      left: 0;
      margin: 0 auto;
      max-width: 1280px;
      position: absolute;
      right: 1rem;
      transform: translateY(50%);
      z-index: 4; }
      body.home-page #content #intro .call-to-action .wrapper {
        font-family: 'Sanchez', serif;
        background: white;
        float: right;
        font-size: 23px;
        font-weight: 700;
        padding: 2rem;
        color: #515151;
        box-shadow: 1rem 1rem 0 rgba(0, 0, 0, 0.125); }
        body.home-page #content #intro .call-to-action .wrapper span {
          margin-right: 10px;
          display: inline-block; }
        body.home-page #content #intro .call-to-action .wrapper a {
          font-family: 'Molde', sans-serif;
          color: #009fdf;
          font-weight: 600;
          text-decoration: none; }
          body.home-page #content #intro .call-to-action .wrapper a:hover {
            color: #54585a; }
  body.home-page #content #feature-buttons {
    background: white;
    padding: 10rem 0 5rem; }
    body.home-page #content #feature-buttons .inner {
      text-align: center;
      max-width: calc(1280px + 2rem);
      margin: 0 auto; }
    body.home-page #content #feature-buttons .intro {
      color: #54585A;
      font-size: 19px;
      font-weight: 400;
      line-height: 25px;
      margin: 0 auto 40px;
      max-width: 760px; }
      body.home-page #content #feature-buttons .intro .content p {
        margin: 0; }
      body.home-page #content #feature-buttons .intro .divider {
        width: 90px;
        border-top: 1px solid #E4E5E5;
        margin: 30px auto 0; }
    body.home-page #content #feature-buttons .buttons {
      display: flex;
      justify-content: center;
      gap: 80px; }
      body.home-page #content #feature-buttons .buttons .button {
        display: flex;
        flex-direction: column;
        gap: 12px;
        max-width: 350px;
        text-decoration: none;
        color: #54585A; }
        body.home-page #content #feature-buttons .buttons .button img {
          border-radius: 240px;
          overflow: hidden;
          padding: 8px;
          border: 1px solid transparent;
          transition: all ease 0.25s;
          margin: 0 auto; }
        body.home-page #content #feature-buttons .buttons .button .title {
          font-size: 22px;
          font-weight: 500; }
        body.home-page #content #feature-buttons .buttons .button .description {
          font-size: 16px; }
        body.home-page #content #feature-buttons .buttons .button .cta {
          align-items: center;
          background: #F2F5F7;
          border-radius: 32px;
          color: #323536;
          display: flex;
          font-size: 14px;
          font-weight: 600;
          gap: 8px;
          line-height: 18px;
          margin: 0 auto;
          padding: 12px 16px;
          transition: all ease 0.25s; }
        body.home-page #content #feature-buttons .buttons .button:hover img {
          border-color: #009fdf; }
        body.home-page #content #feature-buttons .buttons .button:hover .cta {
          background: #fff200; }
  body.home-page #content #events {
    background: #f0f0f0;
    padding: 6rem 0 6rem; }
    body.home-page #content #events .section-title {
      color: #54585A;
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 1rem; }
    body.home-page #content #events .columns {
      max-width: calc(1280px + 2rem);
      margin: 0 auto;
      display: flex; }
      body.home-page #content #events .columns .column {
        flex: 1;
        padding: 0 1rem; }
        body.home-page #content #events .columns .column a.more {
          border-top: 1px solid #009fdf;
          color: #009fdf;
          display: inline-block;
          font-size: 15px;
          margin-top: 1.5rem;
          max-width: 180px;
          padding-right: 2rem;
          padding-top: 0.5rem;
          text-decoration: none;
          text-transform: uppercase; }
          body.home-page #content #events .columns .column a.more:hover {
            color: #54585a;
            border-color: #54585a; }
    body.home-page #content #events .workshop-list {
      position: relative; }
      body.home-page #content #events .workshop-list .list {
        display: flex;
        gap: 32px; }
        body.home-page #content #events .workshop-list .list a.workshop {
          background: white;
          color: #2F302D;
          display: flex;
          flex: 1;
          text-decoration: none;
          width: 100%;
          align-items: center;
          transition: all ease 0.25s; }
          body.home-page #content #events .workshop-list .list a.workshop .hero {
            margin: 1rem;
            width: 18.5%; }
            body.home-page #content #events .workshop-list .list a.workshop .hero img {
              border-radius: 100px;
              width: 100%; }
          body.home-page #content #events .workshop-list .list a.workshop .text {
            flex: 1;
            margin: 1rem 1rem 1rem 0; }
            body.home-page #content #events .workshop-list .list a.workshop .text .date {
              color: #3E4B51;
              font-size: 12px;
              font-weight: 500;
              text-transform: uppercase;
              margin-right: 1rem; }
            body.home-page #content #events .workshop-list .list a.workshop .text .time {
              color: #3E4B51;
              font-size: 12px;
              font-weight: 500;
              margin-right: 1rem; }
            body.home-page #content #events .workshop-list .list a.workshop .text .title {
              font-family: 'Sanchez', serif;
              font-size: 21px;
              font-weight: 600;
              line-height: 25px;
              margin: 0.5rem 0;
              transition: all ease 0.25s; }
            body.home-page #content #events .workshop-list .list a.workshop .text .blurb {
              color: #3E4B51;
              font-size: 12px;
              line-height: 14px; }
          body.home-page #content #events .workshop-list .list a.workshop:hover {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }
            body.home-page #content #events .workshop-list .list a.workshop:hover .title {
              color: #009fdf; }
    body.home-page #content #events .carousel {
      position: relative;
      background: rgba(0, 0, 0, 0.5); }
      body.home-page #content #events .carousel .spacer {
        padding-top: 75%; }
      body.home-page #content #events .carousel .dots {
        font-size: 0;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        z-index: 5; }
        body.home-page #content #events .carousel .dots .dot {
          color: white;
          display: inline-block;
          font-family: "Font Awesome 6 Pro";
          font-size: 22px;
          line-height: 18px;
          font-weight: 400;
          padding: 0.33rem;
          cursor: pointer; }
          body.home-page #content #events .carousel .dots .dot::before {
            content: "\f111"; }
          body.home-page #content #events .carousel .dots .dot:hover {
            color: #009fdf;
            font-weight: 900; }
          body.home-page #content #events .carousel .dots .dot.active {
            font-weight: 900; }
      body.home-page #content #events .carousel .frame {
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2; }
        body.home-page #content #events .carousel .frame.active {
          z-index: 3; }
        body.home-page #content #events .carousel .frame img {
          height: 100%;
          left: 50%;
          object-fit: cover;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 100%; }
        body.home-page #content #events .carousel .frame .text {
          bottom: 0;
          box-sizing: border-box;
          color: white;
          left: 0;
          padding: 1.5rem;
          position: absolute;
          width: 100%;
          z-index: 4; }
          body.home-page #content #events .carousel .frame .text .title {
            font-size: 25px;
            font-weight: 600;
            line-height: 30px;
            margin: 0; }
          body.home-page #content #events .carousel .frame .text .description {
            font-size: 19px;
            line-height: 23px;
            margin: 0.25rem 0 0; }
          body.home-page #content #events .carousel .frame .text .button {
            margin: 1.1rem 0 0;
            background: #009fdf;
            color: white;
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
            padding: 0.7rem 0.75rem;
            text-align: center;
            text-transform: uppercase;
            transition: all ease 0.25s;
            text-decoration: none; }
            body.home-page #content #events .carousel .frame .text .button:hover {
              background: #39b54a; }
        body.home-page #content #events .carousel .frame .date {
          background: #303030;
          left: 1.5rem;
          padding: 0.5rem 1rem;
          position: absolute;
          text-align: center;
          top: 0; }
          body.home-page #content #events .carousel .frame .date .month {
            color: white;
            font-size: 15px;
            font-weight: 600;
            text-transform: uppercase; }
          body.home-page #content #events .carousel .frame .date .day {
            font-family: 'Sanchez', serif;
            color: white;
            font-size: 30px;
            font-weight: 300;
            line-height: 36px; }
          body.home-page #content #events .carousel .frame .date .year {
            color: white;
            font-size: 16px;
            font-weight: 600;
            opacity: 0.4; }
        body.home-page #content #events .carousel .frame::after {
          background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000',GradientType=0 );
          content: "";
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 3; }
  body.home-page #content #walk-run {
    background: transparent url("/design/images/walk-run-angle.png") no-repeat center top;
    padding: 0 0 7rem; }
    body.home-page #content #walk-run .columns {
      display: flex;
      margin: 0 auto;
      max-width: 1080px;
      padding: 4rem 1rem 2rem;
      gap: 4rem; }
    body.home-page #content #walk-run .image {
      position: relative;
      width: 500px; }
      body.home-page #content #walk-run .image .circle {
        border-radius: 500px;
        width: 100%; }
      body.home-page #content #walk-run .image .logo {
        position: absolute;
        right: 0;
        bottom: 9.6%;
        transform: rotate(7.357deg); }
    body.home-page #content #walk-run .sa-title {
      font-family: 'Lora', serif;
      font-size: 31px;
      font-weight: 500;
      color: #323536;
      margin: 4rem 0 0; }
    body.home-page #content #walk-run .sa-description {
      color: black;
      font-size: 19px;
      font-weight: 400;
      line-height: 31px;
      margin: 1rem 0; }
    body.home-page #content #walk-run .link {
      text-decoration: none;
      font-size: 16px;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 6px; }
      body.home-page #content #walk-run .link span {
        color: #009fdf; }
      body.home-page #content #walk-run .link i.fa-arrow-right {
        color: #929596; }
      body.home-page #content #walk-run .link:hover span {
        text-decoration: underline; }
  body.home-page #content #fma {
    padding: 7rem 0; }
    body.home-page #content #fma .columns {
      display: flex;
      gap: 128px;
      justify-content: center;
      margin: 0 auto;
      max-width: 1280px;
      padding: 2rem 1rem; }
    body.home-page #content #fma .link,
    body.home-page #content #fma .video {
      display: block;
      font-size: 0;
      position: relative;
      text-decoration: none;
      background: black;
      overflow: hidden; }
      body.home-page #content #fma .link .background,
      body.home-page #content #fma .video .background {
        opacity: 0.6;
        width: 100%; }
      body.home-page #content #fma .link .text,
      body.home-page #content #fma .video .text {
        bottom: 0;
        box-sizing: border-box;
        color: white;
        font-size: 16px;
        padding: 16px;
        position: absolute;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 11px; }
        body.home-page #content #fma .link .text .sa-title,
        body.home-page #content #fma .video .text .sa-title {
          font-family: 'Lora', serif;
          font-size: 33px;
          font-weight: 600;
          line-height: 35px; }
        body.home-page #content #fma .link .text .sa-description,
        body.home-page #content #fma .video .text .sa-description {
          font-size: 18px;
          transition: all ease 0.25s; }
        body.home-page #content #fma .link .text .sa-label,
        body.home-page #content #fma .video .text .sa-label {
          display: flex;
          gap: 8px;
          align-items: center; }
          body.home-page #content #fma .link .text .sa-label span,
          body.home-page #content #fma .video .text .sa-label span {
            font-weight: 500; }
          body.home-page #content #fma .link .text .sa-label i.fa-arrow-right,
          body.home-page #content #fma .video .text .sa-label i.fa-arrow-right {
            color: #fff200; }
      body.home-page #content #fma .link:hover .text .sa-description,
      body.home-page #content #fma .video:hover .text .sa-description {
        opacity: 1 !important;
        margin-bottom: 0px !important; }
    body.home-page #content #fma .video-wrapper dialog {
      border: 0;
      border-radius: 16px;
      padding: 40px 16px 16px;
      width: 920px;
      z-index: 10; }
      body.home-page #content #fma .video-wrapper dialog .close {
        display: block;
        font-size: 30px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 5px;
        width: 30px;
        color: #909090;
        transition: color 0.25s ease;
        cursor: pointer; }
        body.home-page #content #fma .video-wrapper dialog .close:hover {
          color: black; }
      body.home-page #content #fma .video-wrapper dialog .video {
        overflow: auto;
        position: relative; }
        body.home-page #content #fma .video-wrapper dialog .video .spacer {
          margin: 56.25% 0 0; }
        body.home-page #content #fma .video-wrapper dialog .video iframe {
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%; }
      body.home-page #content #fma .video-wrapper dialog .title {
        color: #54585A;
        font-family: 'Lora', serif;
        font-size: 35px;
        font-weight: 600;
        margin: 10px 0; }
      body.home-page #content #fma .video-wrapper dialog::backdrop {
        background: black;
        opacity: 0.33; }
  body.home-page #content #walk-run + #fma {
    padding-top: 0; }
  body.home-page #content #donate {
    background: #D1EEFD;
    margin-top: 14rem; }
    body.home-page #content #donate .columns {
      display: flex;
      margin: 0 auto;
      max-width: 1480px;
      gap: 4rem;
      align-items: center;
      padding: 0 2rem; }
    body.home-page #content #donate .image {
      font-size: 0;
      width: 696px; }
      body.home-page #content #donate .image .basketball-man {
        margin-top: -14rem;
        width: 100%; }
    body.home-page #content #donate .text {
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 2rem 0;
      flex: 1; }
      body.home-page #content #donate .text .sa-title {
        font-family: 'Lora', serif;
        font-size: 37px;
        font-weight: 600; }
      body.home-page #content #donate .text .sa-description {
        font-size: 18px; }
      body.home-page #content #donate .text .buttons {
        display: flex;
        gap: 8px;
        padding-top: 10px; }
        body.home-page #content #donate .text .buttons .button {
          background: #009fdf;
          color: white;
          display: flex;
          font-size: 16px;
          font-weight: 500;
          gap: 8px;
          padding: 16px;
          text-decoration: none;
          align-items: center;
          transition: all ease 0.25s; }
          body.home-page #content #donate .text .buttons .button:nth-child(even) {
            background: black; }
          body.home-page #content #donate .text .buttons .button:hover {
            background: #39b54a; }
  body.home-page #content #newsletter {
    background: #F2F5F7;
    margin: 8em 0 0; }
    body.home-page #content #newsletter .columns {
      align-items: center;
      display: flex;
      gap: 40px;
      justify-content: center;
      margin: 0 auto;
      max-width: 1520px; }
    body.home-page #content #newsletter .image {
      font-size: 0; }
      body.home-page #content #newsletter .image img {
        width: 100%; }
    body.home-page #content #newsletter .form {
      padding: 1.5rem 2rem;
      max-width: 420px; }
      body.home-page #content #newsletter .form h2 {
        font-family: 'Lora', serif;
        font-size: 37px;
        color: #323536;
        font-size: 600;
        margin: 0; }
      body.home-page #content #newsletter .form p.sa-description {
        margin: 8px 0 22px;
        font-size: 16px; }
      body.home-page #content #newsletter .form .klaviyo-form-RU8FdW .klaviyo-form {
        padding: 0 !important; }
        body.home-page #content #newsletter .form .klaviyo-form-RU8FdW .klaviyo-form > .needsclick {
          min-height: 200px !important; }
          body.home-page #content #newsletter .form .klaviyo-form-RU8FdW .klaviyo-form > .needsclick > .needsclick > .needsclick {
            padding: 10px 0 !important; }
  @media (max-width: 1320px) {
    body.home-page #content #intro .text .wrapper h1 {
      font-size: 26px;
      line-height: 32px; }
    body.home-page #content #intro .text .wrapper h2 {
      font-size: 16px; }
    body.home-page #content #intro .call-to-action .wrapper {
      padding: 1.5rem;
      font-size: 20px; } }
  @media (max-width: 1260px) {
    body.home-page #content #intro .spacer {
      padding-top: 33%; }
    body.home-page #content #feature-buttons {
      padding: 4rem 1rem 5rem; }
      body.home-page #content #feature-buttons .buttons {
        gap: 40px; }
        body.home-page #content #feature-buttons .buttons .button img {
          width: 200px;
          height: 200px; }
    body.home-page #content #events {
      padding: 6rem 0 2.5rem; }
      body.home-page #content #events .columns {
        display: block; }
      body.home-page #content #events .workshop-list .list {
        flex-direction: column; }
    body.home-page #content #walk-run .image {
      width: 350px; }
    body.home-page #content #walk-run .logo {
      width: 180px; }
    body.home-page #content #fma .columns {
      gap: 64px; }
    body.home-page #content #donate {
      margin-top: calc(45% - 400px); }
      body.home-page #content #donate .columns {
        align-items: flex-end; }
      body.home-page #content #donate .image {
        flex: 1;
        width: auto; }
        body.home-page #content #donate .image .basketball-man {
          margin-top: -45%; }
    body.home-page #content #newsletter .columns {
      gap: 16px; } }
  @media (max-width: 762px) {
    body.home-page #content #intro {
      padding: 0 0 2rem; }
      body.home-page #content #intro::before {
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.1;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1; }
      body.home-page #content #intro .spacer {
        display: none; }
      body.home-page #content #intro .hero {
        position: relative;
        width: 100%;
        transform: none;
        left: 0;
        top: 0; }
        body.home-page #content #intro .hero.desktop {
          display: none; }
        body.home-page #content #intro .hero.mobile {
          display: block; }
      body.home-page #content #intro .mask {
        display: none; }
      body.home-page #content #intro .text {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
        padding: 24px; }
        body.home-page #content #intro .text .wrapper {
          padding: 0; }
          body.home-page #content #intro .text .wrapper h1 {
            font-size: 24px; }
          body.home-page #content #intro .text .wrapper h2 {
            font-size: 16px; }
      body.home-page #content #intro .call-to-action {
        float: none;
        padding: 0 1.5rem 0 1rem;
        width: 100%;
        box-sizing: border-box;
        transform: none;
        position: relative; }
        body.home-page #content #intro .call-to-action .wrapper {
          float: none;
          width: 100%;
          font-size: 16px;
          padding: 1.5rem;
          box-sizing: border-box;
          box-shadow: 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.125); }
          body.home-page #content #intro .call-to-action .wrapper a {
            white-space: nowrap; }
    body.home-page #content #feature-buttons .buttons {
      flex-direction: column;
      align-items: center;
      justify-content: flex-start; }
    body.home-page #content #events {
      padding: 4rem 0; }
      body.home-page #content #events .section-title {
        text-align: center;
        font-size: 22px; }
      body.home-page #content #events .columns {
        display: block; }
      body.home-page #content #events .carousel .frame .text .title {
        font-size: 20px;
        line-height: 25px; }
      body.home-page #content #events .carousel .frame .text .description {
        font-size: 17px;
        line-height: 18px; }
      body.home-page #content #events .workshop-list .spacer {
        padding-top: 0; }
      body.home-page #content #events .workshop-list .list {
        position: relative; }
        body.home-page #content #events .workshop-list .list a.workshop .text .title {
          font-size: 18px;
          line-height: 18px; }
        body.home-page #content #events .workshop-list .list a.workshop:nth-child(odd),
        body.home-page #content #events .workshop-list .list a.workshop:nth-child(even) {
          margin-left: 0;
          margin-right: 0;
          width: 100%; }
    body.home-page #content #walk-run {
      padding: 0; }
      body.home-page #content #walk-run .columns {
        flex-direction: column;
        gap: 2rem;
        padding: 2rem 1rem; }
      body.home-page #content #walk-run .image {
        width: 75%;
        margin: 0 auto; }
      body.home-page #content #walk-run .sa-title {
        margin: 0; }
    body.home-page #content #fma {
      padding: 2rem 0; }
      body.home-page #content #fma .columns {
        flex-direction: column;
        gap: 32px;
        align-items: center; }
      body.home-page #content #fma .link,
      body.home-page #content #fma .video {
        max-width: 420px; }
        body.home-page #content #fma .link .text .sa-description,
        body.home-page #content #fma .video .text .sa-description {
          margin-bottom: 0 !important;
          opacity: 1 !important; }
      body.home-page #content #fma .video-wrapper {
        max-width: 420px; }
    body.home-page #content #donate {
      margin-top: 0; }
      body.home-page #content #donate .columns {
        flex-direction: column;
        align-items: center;
        gap: 0; }
      body.home-page #content #donate .image {
        flex: none;
        max-width: 400px;
        padding-top: 2rem; }
        body.home-page #content #donate .image .basketball-man {
          margin-top: 0; }
      body.home-page #content #donate .text {
        text-align: center; }
      body.home-page #content #donate .buttons {
        justify-content: center; }
    body.home-page #content #newsletter {
      margin: 4rem 0 0; }
      body.home-page #content #newsletter .columns {
        flex-direction: column;
        gap: 0;
        padding: 0; }
      body.home-page #content #newsletter .image {
        width: 100%; } }

body.home-page footer .actions {
  border: 0; }

/* Section page styling. */
body.section-page #content {
  background: white;
  overflow: auto; }
  body.section-page #content .section {
    display: flex;
    max-width: 1280px;
    margin: 60px auto;
    box-shadow: 0px 12px 44px rgba(0, 0, 0, 0.35);
    border-radius: 24px;
    overflow: hidden;
    flex-direction: row; }
    body.section-page #content .section .header {
      margin: 0;
      position: relative;
      font-size: 32px;
      font-weight: 400;
      font-family: inherit; }
    body.section-page #content .section .title {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start; }
    body.section-page #content .section .description-container {
      margin: 0;
      align-self: stretch;
      position: relative;
      font-size: 23px;
      font-style: italic; }
      body.section-page #content .section .description-container p {
        margin: 0; }
    body.section-page #content .section .vector-icon {
      position: relative;
      width: 20px;
      height: 17.78px; }
    body.section-page #content .section .arrow {
      width: 26px;
      height: 26px;
      overflow: hidden;
      flex-shrink: 0;
      display: none;
      flex-direction: column;
      padding: 5px 4px;
      box-sizing: border-box;
      align-items: center;
      justify-content: center; }
    body.section-page #content .section .find-out-more {
      position: relative;
      font-weight: 600; }
    body.section-page #content .section .icon-right {
      width: 26px;
      height: 26px;
      overflow: hidden;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      padding: 5px 4px;
      box-sizing: border-box;
      align-items: center;
      justify-content: center; }
    body.section-page #content .section .buttons {
      text-decoration: none;
      background-color: #fff200;
      display: flex;
      flex-direction: row;
      padding: 14px 21px;
      align-items: center;
      justify-content: flex-start;
      gap: 9px;
      font-size: 21px;
      color: #000;
      font-family: Molde;
      transition: all ease 0.25s; }
      body.section-page #content .section .buttons:hover {
        background-color: #009fdf;
        color: white; }
    body.section-page #content .section .intro {
      align-self: stretch;
      background-color: #f2f5f7;
      width: 440px;
      display: flex;
      flex-direction: column;
      padding: 48px;
      box-sizing: border-box;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 32px;
      font-family: Lora; }
    body.section-page #content .section .talk-to-someone {
      position: relative;
      line-height: 20px; }
    body.section-page #content .section .underline {
      position: relative;
      border-top: 1px solid #fff;
      box-sizing: border-box;
      width: 0%;
      height: 1px;
      transition: all ease 0.5s; }
    body.section-page #content .section .chevron-icon {
      position: relative;
      width: 16px;
      height: 16px;
      overflow: hidden;
      flex-shrink: 0;
      display: none; }
    body.section-page #content .section .menu-header {
      text-decoration: none;
      display: inline-block;
      padding: 18px 0px 16px;
      font-size: 20px;
      color: #0094d0;
      font-family: Molde; }
      body.section-page #content .section .menu-header:hover .underline {
        border-top: 1px solid black;
        width: 100%; }
    body.section-page #content .section .warning-signs {
      position: relative;
      line-height: 150%; }
    body.section-page #content .section .menu-link {
      text-decoration: none;
      height: 44px;
      display: inline-block;
      padding: 10px 0px;
      box-sizing: border-box;
      color: inherit;
      transition: all ease 0.5s; }
      body.section-page #content .section .menu-link:hover {
        color: #39b54a; }
        body.section-page #content .section .menu-link:hover .underline {
          border-top: 1px solid black;
          width: 100%; }
    body.section-page #content .section .menu-items {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      width: calc(50% - 24px); }
    body.section-page #content .section .menu-1 {
      align-items: flex-start;
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      gap: 48px;
      justify-content: flex-start;
      max-height: 500px;
      flex-direction: column; }
    body.section-page #content .section .menus {
      align-self: stretch;
      flex: 1;
      display: flex;
      flex-direction: row;
      padding: 48px 48px 64px;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 48px;
      font-size: 16px;
      color: #030303;
      font-family: Inter; }
    body.section-page #content .section .menu {
      border-radius: 24px;
      background-color: #fff;
      box-shadow: 0px 12px 44px rgba(0, 0, 0, 0.35);
      width: 1200px;
      overflow: hidden;
      flex-shrink: 0;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start; }
    @media screen and (max-width: 1320px) {
      body.section-page #content .section {
        margin: 30px 20px; } }
    @media screen and (max-width: 1200px) {
      body.section-page #content .section {
        align-self: stretch;
        width: auto;
        margin: 20px;
        box-shadow: none;
        border-radius: 0; }
        body.section-page #content .section .intro {
          width: 35%; } }
    @media screen and (max-width: 960px) {
      body.section-page #content .section {
        height: auto;
        flex-direction: column; }
        body.section-page #content .section .need-to-talk-container {
          font-size: 20px; }
        body.section-page #content .section .intro {
          width: 100%;
          height: auto; }
        body.section-page #content .section .menus {
          flex: unset;
          align-self: stretch; }
        body.section-page #content .section .menu-1 {
          max-height: none; }
        body.section-page #content .section .menu-items {
          width: 100%; } }
    @media screen and (max-width: 420px) {
      body.section-page #content .section .find-support {
        font-family: Molde;
        font-size: 14px; }
      body.section-page #content .section .title {
        height: auto; }
      body.section-page #content .section .need-to-talk-container {
        font-size: 14px; }
      body.section-page #content .section .find-out-more {
        font-size: 16px;
        color: #fff; }
      body.section-page #content .section .buttons {
        background-color: #54585a; }
      body.section-page #content .section .intro {
        gap: 8px;
        padding: 24px;
        box-sizing: border-box; }
      body.section-page #content .section .talk-to-someone {
        font-size: 18px; }
      body.section-page #content .section .menu-header {
        align-self: stretch;
        width: auto;
        gap: 8px;
        padding-bottom: 8px;
        box-sizing: border-box; }
      body.section-page #content .section .menu-1 {
        gap: 16px;
        flex: unset;
        align-self: stretch; }
      body.section-page #content .section .menus {
        flex-direction: column;
        padding: 24px;
        box-sizing: border-box; }
      body.section-page #content .section .menu-component-export {
        padding: 0px;
        box-sizing: border-box; } }

/* Sub-section page styling. */
body.sub-section-page #content {
  background: white;
  overflow: auto; }
  body.sub-section-page #content #intro {
    background: #f0eeed;
    background: -moz-linear-gradient(top, #f0eeed 0%, white 100%);
    background: -webkit-linear-gradient(top, #f0eeed 0%, white 100%);
    background: linear-gradient(to bottom, #f0eeed 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eeed', endColorstr='#ffffff',GradientType=0 );
    padding: 2.5rem 0;
    position: relative; }
    body.sub-section-page #content #intro .wrapper {
      max-width: calc(1280px + 2rem);
      padding: 0 1rem 0;
      margin: 0 auto;
      box-sizing: border-box; }
    body.sub-section-page #content #intro::before {
      background: url("/design/images/refresh/neurons.svg") repeat center top;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    body.sub-section-page #content #intro .breadcrumbs {
      position: relative;
      z-index: 2; }
    body.sub-section-page #content #intro .columns {
      align-items: center;
      display: flex;
      position: relative;
      width: 100%;
      z-index: 2;
      gap: 2rem; }
      body.sub-section-page #content #intro .columns .column:nth-child(1) {
        flex: 60; }
      body.sub-section-page #content #intro .columns .column:nth-child(2) {
        flex: 40; }
    body.sub-section-page #content #intro .title-description h1 {
      color: #2F302D;
      font-size: 52px;
      line-height: 58px;
      margin: 0.5rem 0 1rem; }
    body.sub-section-page #content #intro .title-description .description {
      color: #515151;
      font-size: 20px;
      line-height: 28px; }
    body.sub-section-page #content #intro a.block {
      display: block;
      padding-top: 56%;
      position: relative;
      overflow: hidden; }
      body.sub-section-page #content #intro a.block img {
        height: 100%;
        left: 50%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 2; }
      body.sub-section-page #content #intro a.block .text {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 66%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 66%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
        background: rgba(0, 0, 0, 0.5);
        bottom: 0;
        box-sizing: border-box;
        color: white;
        left: 0;
        padding: 1.5rem;
        position: absolute;
        transition: background ease 0.25s;
        width: 100%;
        z-index: 4; }
        body.sub-section-page #content #intro a.block .text .title {
          font-size: 27px;
          font-weight: 600;
          line-height: 25px; }
        body.sub-section-page #content #intro a.block .text .description {
          font-size: 15px;
          line-height: 19px;
          margin: 0.75rem 0 0; }
      body.sub-section-page #content #intro a.block:hover .text {
        background: #009fdf; }
  body.sub-section-page #content #blocks {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: calc(1280px + 1.5rem);
    padding: 0 0 2rem; }
    body.sub-section-page #content #blocks a.link {
      background: #F6F5F4;
      box-sizing: border-box;
      color: #2F302D;
      display: block;
      margin: 0 0.75rem 1.5rem;
      text-decoration: none;
      width: calc(33.33% - 1.5rem);
      font-size: 0; }
      body.sub-section-page #content #blocks a.link img {
        width: 100%; }
      body.sub-section-page #content #blocks a.link .text {
        border-top: 6px solid #009fdf;
        padding: 1.5rem 2rem 2rem;
        min-height: 11rem;
        transition: all ease 0.25s; }
        body.sub-section-page #content #blocks a.link .text .title {
          font-size: 28px;
          font-weight: 600;
          line-height: 28px;
          transition: all ease 0.25s; }
        body.sub-section-page #content #blocks a.link .text .description {
          font-size: 16px;
          line-height: 19px;
          margin-top: 1rem; }
      body.sub-section-page #content #blocks a.link:hover .text {
        border-color: #005e83;
        background: #008dc6;
        color: white; }
        body.sub-section-page #content #blocks a.link:hover .text .title {
          color: #fff200; }
  @media (max-width: 762px) {
    body.sub-section-page #content #intro {
      padding: 1.25rem 0 1.5rem; }
      body.sub-section-page #content #intro .breadcrumbs .label {
        font-size: 14px; }
        body.sub-section-page #content #intro .breadcrumbs .label:last-child {
          display: none; }
      body.sub-section-page #content #intro .breadcrumbs a {
        font-size: 14px;
        padding: 0.33rem 0.5rem;
        margin: 0.25rem 0; }
      body.sub-section-page #content #intro .columns {
        display: block; }
        body.sub-section-page #content #intro .columns .column:nth-child(1) {
          width: 100%; }
        body.sub-section-page #content #intro .columns .column:nth-child(2) {
          width: 100%;
          padding-left: 0; }
      body.sub-section-page #content #intro .title-description h1 {
        font-size: 42px;
        line-height: 46px; }
      body.sub-section-page #content #intro .title-description .description {
        font-size: 18px;
        line-height: 26px; }
    body.sub-section-page #content #blocks a.link {
      width: 100%;
      margin: 0 1rem 1.5rem; }
      body.sub-section-page #content #blocks a.link .text {
        min-height: auto;
        padding: 1.5rem 1.5rem 1.5rem; } }

/* General page styling. */
body.general-page #content {
  overflow: auto; }
  body.general-page #content .intro {
    background: #f2f5f7; }
    body.general-page #content .intro .wrapper {
      max-width: 1640px;
      margin: 0 auto;
      display: flex;
      align-items: center; }
      body.general-page #content .intro .wrapper .text {
        padding: 58px 40px;
        flex: 1; }
        body.general-page #content .intro .wrapper .text .breadcrumbs .label {
          font-size: 12px;
          color: black; }
        body.general-page #content .intro .wrapper .text .breadcrumbs a {
          padding: 0;
          background: transparent;
          box-shadow: none;
          font-size: 12px;
          color: black; }
          body.general-page #content .intro .wrapper .text .breadcrumbs a:hover {
            color: #0094d0; }
        body.general-page #content .intro .wrapper .text .titles {
          margin: 20px 0 0; }
          body.general-page #content .intro .wrapper .text .titles h1 {
            font-family: 'Lora', serif;
            font-size: 56px;
            font-weight: 400;
            margin: 0;
            line-height: 56px; }
          body.general-page #content .intro .wrapper .text .titles .subtitle {
            font-size: 24px;
            font-family: 'Lora', serif;
            font-weight: 500;
            font-style: italic;
            color: #54585a;
            margin: 12px 0 0; }
      body.general-page #content .intro .wrapper .hero {
        font-size: 0;
        flex: 1; }
        body.general-page #content .intro .wrapper .hero img {
          width: 100%; }
    body.general-page #content .intro.with-hero .wrapper .text .titles {
      background: white;
      padding: 30px;
      margin-right: -140px;
      margin-left: -30px;
      position: relative;
      z-index: 2; }
  body.general-page #content .inline-menu .desktop {
    max-width: 1100px;
    margin: 5rem auto -1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    body.general-page #content .inline-menu .desktop a {
      align-items: center;
      background: #F2F5F7;
      border-radius: 50px;
      color: black;
      display: flex;
      font-size: 16px;
      font-weight: 500;
      gap: 12px;
      padding: 8px 16px;
      text-decoration: none;
      transition: all ease 0.25s; }
      body.general-page #content .inline-menu .desktop a span {
        padding-bottom: 3px; }
      body.general-page #content .inline-menu .desktop a i.fa-arrow-right {
        opacity: 0.5; }
      body.general-page #content .inline-menu .desktop a:hover {
        background: #FFFBB7; }
  body.general-page #content .inline-menu .mobile {
    display: none; }
  body.general-page #content .block-list {
    padding: 6rem 0; }
  body.general-page #content .block .block-video .inner {
    margin: 0 auto 6rem;
    width: 100%;
    position: relative;
    max-width: 1100px;
    background: #F2F5F7; }
  body.general-page #content .block .block-video .play {
    display: flex;
    font-size: 0;
    position: relative;
    text-decoration: none; }
    body.general-page #content .block .block-video .play .hero {
      font-size: 0;
      overflow: hidden;
      position: relative;
      width: 440px; }
      body.general-page #content .block .block-video .play .hero img {
        width: 100%; }
      body.general-page #content .block .block-video .play .hero .icon {
        background: white;
        border-radius: 60px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
        color: #009fdf;
        display: block;
        font-size: 24px;
        height: 60px;
        left: 50%;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all ease 0.25s;
        width: 60px; }
    body.general-page #content .block .block-video .play:hover .icon {
      color: white;
      background: #009fdf; }
    body.general-page #content .block .block-video .play .text {
      flex: 1;
      padding: 44px 76px; }
      body.general-page #content .block .block-video .play .text .watch {
        text-transform: uppercase;
        color: #0094D0;
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 16px; }
      body.general-page #content .block .block-video .play .text .title {
        color: #54585A;
        font-family: 'Lora';
        font-size: 35px;
        font-weight: 600; }
      body.general-page #content .block .block-video .play .text .description {
        color: black;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px; }
  body.general-page #content .block .block-video dialog {
    border: 0;
    border-radius: 16px;
    padding: 40px 16px 16px;
    width: 920px;
    z-index: 10; }
    body.general-page #content .block .block-video dialog .close {
      display: block;
      font-size: 30px;
      height: 30px;
      line-height: 30px;
      position: absolute;
      right: 10px;
      text-align: center;
      top: 5px;
      width: 30px;
      color: #909090;
      transition: color 0.25s ease;
      cursor: pointer; }
      body.general-page #content .block .block-video dialog .close:hover {
        color: black; }
    body.general-page #content .block .block-video dialog .video {
      overflow: auto;
      position: relative; }
      body.general-page #content .block .block-video dialog .video .spacer {
        margin: 56.25% 0 0; }
      body.general-page #content .block .block-video dialog .video iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
    body.general-page #content .block .block-video dialog .title {
      color: #54585A;
      font-family: 'Lora', serif;
      font-size: 35px;
      font-weight: 600;
      margin: 10px 0; }
    body.general-page #content .block .block-video dialog::backdrop {
      background: black;
      opacity: 0.33; }
  body.general-page #content .block .block-hero {
    margin: 0 auto 6rem;
    width: 100%;
    max-width: 1100px;
    display: block;
    border-radius: 12px; }
  body.general-page #content .block .block-body,
  body.general-page #content .block .block-text-with-action {
    color: #323536;
    font-size: 21px;
    margin: 0 auto 3rem;
    max-width: 1100px;
    width: 100%; }
    body.general-page #content .block .block-body h2, body.general-page #content .block .block-body h3, body.general-page #content .block .block-body h4,
    body.general-page #content .block .block-text-with-action h2,
    body.general-page #content .block .block-text-with-action h3,
    body.general-page #content .block .block-text-with-action h4 {
      margin-top: 0;
      color: #515151; }
    body.general-page #content .block .block-body h2,
    body.general-page #content .block .block-text-with-action h2 {
      font-size: 40px;
      color: #0094d0;
      font-weight: 300; }
    body.general-page #content .block .block-body h3,
    body.general-page #content .block .block-text-with-action h3 {
      font-size: 24px;
      color: black; }
    body.general-page #content .block .block-body h4,
    body.general-page #content .block .block-text-with-action h4 {
      font-size: 21px;
      line-height: 22px; }
    body.general-page #content .block .block-body p,
    body.general-page #content .block .block-text-with-action p {
      line-height: 31px;
      font-size: 21px;
      color: #323536;
      margin: 0 0 1.5rem; }
    body.general-page #content .block .block-body li,
    body.general-page #content .block .block-text-with-action li {
      line-height: 31px;
      font-size: 21px;
      color: #323536; }
    body.general-page #content .block .block-body blockquote,
    body.general-page #content .block .block-text-with-action blockquote {
      font-family: 'Lora', serif;
      color: #323536;
      font-style: italic;
      font-weight: 400;
      font-size: 36px;
      max-width: 620px;
      margin: 80px auto; }
    body.general-page #content .block .block-body .button,
    body.general-page #content .block .block-text-with-action .button {
      background: #009fdf;
      display: inline-block;
      font-weight: 600;
      padding: 0.75rem 1.25rem;
      text-decoration: none;
      transition: all ease 0.25s;
      color: white;
      border-radius: 6px; }
      body.general-page #content .block .block-body .button:hover,
      body.general-page #content .block .block-text-with-action .button:hover {
        background: #009fdf; }
    body.general-page #content .block .block-body .richtext-image,
    body.general-page #content .block .block-text-with-action .richtext-image {
      width: auto;
      height: auto;
      border-radius: 12px; }
      body.general-page #content .block .block-body .richtext-image.full-width,
      body.general-page #content .block .block-text-with-action .richtext-image.full-width {
        width: 100%;
        margin: 1rem 0; }
      body.general-page #content .block .block-body .richtext-image.left,
      body.general-page #content .block .block-text-with-action .richtext-image.left {
        float: left;
        margin: 0.5rem 2rem 2rem 0;
        width: calc(50% - 2rem); }
      body.general-page #content .block .block-body .richtext-image.right,
      body.general-page #content .block .block-text-with-action .richtext-image.right {
        float: right;
        margin: 0.5rem 0 2rem 2rem;
        width: calc(50% - 2rem); }
      body.general-page #content .block .block-body .richtext-image.left-33,
      body.general-page #content .block .block-text-with-action .richtext-image.left-33 {
        float: left;
        margin: 0.5rem 2rem 2rem 0;
        width: calc(33% - 2rem); }
      body.general-page #content .block .block-body .richtext-image.right-33,
      body.general-page #content .block .block-text-with-action .richtext-image.right-33 {
        float: right;
        margin: 0.5rem 0 2rem 2rem;
        width: calc(33% - 2rem); }
  body.general-page #content .block .block-text-with-action {
    display: flex;
    align-items: flex-start;
    gap: 32px; }
    body.general-page #content .block .block-text-with-action .text {
      flex: 1; }
    body.general-page #content .block .block-text-with-action .call-to-action {
      width: 370px;
      padding: 45px 36px;
      border: 1px solid #0094d0;
      border-radius: 10px;
      box-sizing: border-box; }
      body.general-page #content .block .block-text-with-action .call-to-action .title {
        color: #0094d0;
        font-family: 'Lora', serif;
        font-size: 21px;
        font-weight: 600;
        margin: 0 0 11px; }
      body.general-page #content .block .block-text-with-action .call-to-action .subtitle {
        color: #54585a;
        font-size: 18px;
        margin: 0 0 15px; }
      body.general-page #content .block .block-text-with-action .call-to-action .button {
        background: #54585a;
        font-size: 16px; }
        body.general-page #content .block .block-text-with-action .call-to-action .button i {
          margin-left: 8px; }
        body.general-page #content .block .block-text-with-action .call-to-action .button:hover {
          background: #0094d0; }
  body.general-page #content .block .block-javascript {
    max-width: 1100px;
    margin: 0 auto; }
  body.general-page #content .block .button-cta {
    max-width: 1100px;
    margin: 0 auto 3rem; }
    body.general-page #content .block .button-cta .button {
      text-decoration: none;
      color: black;
      max-width: 500px;
      text-align: center;
      padding: 24px;
      font-size: 22px;
      font-weight: 500;
      display: block;
      margin: 0 auto;
      background: #fff200;
      transition: all ease 0.25s; }
      body.general-page #content .block .button-cta .button::after {
        content: " \f061";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        line-height: 20px;
        vertical-align: -2px; }
      body.general-page #content .block .button-cta .button:hover {
        background: #009fdf;
        color: white; }
  body.general-page #content .block .sawtooth {
    display: flex;
    flex-direction: column;
    margin: 0 0 6rem; }
    body.general-page #content .block .sawtooth .tooth:nth-child(2n + 1) {
      background: #f2f5f7; }
    body.general-page #content .block .sawtooth .tooth .inner {
      max-width: 1680px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      text-decoration: none; }
      body.general-page #content .block .sawtooth .tooth .inner .hero {
        font-size: 0;
        width: 50%; }
        body.general-page #content .block .sawtooth .tooth .inner .hero img {
          width: 100%; }
      body.general-page #content .block .sawtooth .tooth .inner .text {
        flex: 1;
        padding: 64px; }
        body.general-page #content .block .sawtooth .tooth .inner .text .box {
          max-width: 540px;
          margin: 0 auto; }
        body.general-page #content .block .sawtooth .tooth .inner .text .title {
          color: black;
          font-family: 'Lora', serif;
          font-size: 31px;
          font-weight: 500;
          transition: all ease 0.25s; }
        body.general-page #content .block .sawtooth .tooth .inner .text .subtitle {
          color: black;
          font-size: 19px;
          line-height: 31px;
          transition: all ease 0.25s; }
        body.general-page #content .block .sawtooth .tooth .inner .text .find-out-more {
          color: black;
          font-size: 16px;
          font-weight: 600;
          text-decoration: none;
          display: inline-block;
          margin: 16px 0 0;
          transition: all ease 0.25s; }
      body.general-page #content .block .sawtooth .tooth .inner:hover .text .title,
      body.general-page #content .block .sawtooth .tooth .inner:hover .text .subtitle,
      body.general-page #content .block .sawtooth .tooth .inner:hover .text .find-out-more {
        color: #009fdf; }
  body.general-page #content .block .person {
    display: flex;
    margin: 2.5rem auto;
    max-width: 1100px;
    width: 100%; }
    body.general-page #content .block .person .mask {
      border-radius: 206px;
      font-size: 0;
      height: 206px;
      margin: 0 2rem 2rem 0;
      overflow: hidden;
      width: 206px; }
      body.general-page #content .block .person .mask img {
        width: 100%; }
    body.general-page #content .block .person .text {
      flex: 1; }
      body.general-page #content .block .person .text .name {
        color: #323536;
        font-size: 32px;
        font-weight: 600;
        margin: 0 0 0.5rem;
        font-family: 'Lora', serif; }
      body.general-page #content .block .person .text .role {
        color: #515151;
        font-size: 16px;
        font-style: italic; }
      body.general-page #content .block .person .text .bio {
        color: #323536;
        font-size: 21px;
        line-height: 31px; }
  body.general-page #content .block .block-faq {
    max-width: 1100px;
    margin: 0 auto 6rem;
    width: 100%; }
    body.general-page #content .block .block-faq .group-title {
      font-size: 40px;
      font-weight: 300;
      color: #009fdf;
      margin: 0 0 0.5rem; }
    body.general-page #content .block .block-faq .question {
      background: #f2f5f7;
      padding: 0;
      border-radius: 6px;
      margin: 0 0 0.75rem; }
      body.general-page #content .block .block-faq .question .target {
        width: 100%;
        position: relative;
        font-weight: 600;
        color: #323536;
        padding: 20px;
        font-size: 21px;
        cursor: pointer;
        box-sizing: border-box;
        transition: all ease 0.25s; }
        body.general-page #content .block .block-faq .question .target::after {
          content: "\f078";
          font-family: "Font Awesome 6 Pro";
          font-size: 16px;
          font-weight: 900;
          position: absolute;
          right: 20px;
          top: 25px; }
        body.general-page #content .block .block-faq .question .target:hover {
          background: #e2e9ed; }
      body.general-page #content .block .block-faq .question .answer {
        color: #323536;
        font-size: 21px;
        padding: 10px 20px; }
        body.general-page #content .block .block-faq .question .answer h2, body.general-page #content .block .block-faq .question .answer h3, body.general-page #content .block .block-faq .question .answer h4 {
          margin-top: 0;
          color: #515151; }
        body.general-page #content .block .block-faq .question .answer h2 {
          font-size: 40px;
          color: #0094d0;
          font-weight: 300; }
        body.general-page #content .block .block-faq .question .answer h3 {
          font-size: 24px;
          color: black; }
        body.general-page #content .block .block-faq .question .answer h4 {
          font-size: 21px;
          line-height: 22px; }
        body.general-page #content .block .block-faq .question .answer p {
          line-height: 31px;
          font-size: 21px;
          color: #323536;
          margin: 0 0 1.5rem; }
        body.general-page #content .block .block-faq .question .answer li {
          line-height: 31px;
          font-size: 21px;
          color: #323536; }
        body.general-page #content .block .block-faq .question .answer blockquote {
          font-family: 'Lora', serif;
          color: #323536;
          font-style: italic;
          font-weight: 400;
          font-size: 36px;
          max-width: 620px;
          margin: 80px auto; }
        body.general-page #content .block .block-faq .question .answer .button {
          background: #009fdf;
          display: inline-block;
          font-weight: 600;
          padding: 0.75rem 1.25rem;
          text-decoration: none;
          transition: all ease 0.25s;
          color: white;
          margin: 0 0 1.5rem; }
          body.general-page #content .block .block-faq .question .answer .button:hover {
            background: #39b54a; }
        body.general-page #content .block .block-faq .question .answer .richtext-image {
          width: auto;
          height: auto; }
          body.general-page #content .block .block-faq .question .answer .richtext-image.full-width {
            width: 100%;
            margin: 1rem 0; }
          body.general-page #content .block .block-faq .question .answer .richtext-image.left {
            float: left;
            margin: 0.5rem 2rem 2rem 0;
            width: calc(50% - 2rem); }
          body.general-page #content .block .block-faq .question .answer .richtext-image.right {
            float: right;
            margin: 0.5rem 0 2rem 2rem;
            width: calc(50% - 2rem); }
        body.general-page #content .block .block-faq .question .answer.hidden {
          display: none; }
  body.general-page #content .block #question-table-of-contents {
    font-size: 18px;
    margin: 1rem auto 3rem;
    max-width: 1100px;
    width: 100%; }
    body.general-page #content .block #question-table-of-contents li {
      margin: 0.5rem 0; }
  body.general-page #content .block .block-question h3 {
    padding-top: 1rem;
    margin-top: 0; }
    body.general-page #content .block .block-question h3 a.back-to-top {
      font-family: 'Molde', sans-serif;
      color: #009fdf;
      font-size: 13px;
      text-decoration: none;
      margin: 0 0 0.75rem; }
      body.general-page #content .block .block-question h3 a.back-to-top:hover {
        color: #009fdf; }
  body.general-page #content .block .video-gallery {
    background: #f2f5f7;
    margin: 0 0 6rem; }
    body.general-page #content .block .video-gallery .inner {
      max-width: 1464px;
      margin: 0 auto;
      padding: 64px 32px 100px; }
      body.general-page #content .block .video-gallery .inner .group-title {
        color: #54585a;
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 32px;
        text-align: center; }
      body.general-page #content .block .video-gallery .inner .grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 24px; }
        body.general-page #content .block .video-gallery .inner .grid .tile {
          flex: 1;
          background: white;
          box-shadow: 0px 1px 34px rgba(0, 0, 0, 0.06);
          min-width: 320px;
          text-decoration: none;
          transition: all ease 0.25s;
          display: flex;
          flex-direction: column; }
          body.general-page #content .block .video-gallery .inner .grid .tile .play {
            flex-direction: column; }
            body.general-page #content .block .video-gallery .inner .grid .tile .play .hero {
              font-size: 0;
              overflow: hidden;
              position: relative;
              width: 100%; }
            body.general-page #content .block .video-gallery .inner .grid .tile .play .text {
              padding: 28px; }
              body.general-page #content .block .video-gallery .inner .grid .tile .play .text .title {
                color: #54585a;
                font-family: 'Lora', serif;
                font-size: 23px;
                line-height: 25px;
                font-weight: 600;
                margin: 0 0 16px;
                transition: all ease 0.25s; }
              body.general-page #content .block .video-gallery .inner .grid .tile .play .text .description {
                color: black;
                font-size: 16px;
                font-weight: 400;
                margin: 0 0 16px;
                line-height: normal; }
          body.general-page #content .block .video-gallery .inner .grid .tile:hover {
            box-shadow: 0 1px 34px rgba(0, 0, 0, 0.25); }
            body.general-page #content .block .video-gallery .inner .grid .tile:hover .icon {
              background: #009fdf;
              color: white; }
  body.general-page #content .block .related-pages {
    background: #f2f5f7;
    margin: 0 0 6rem; }
    body.general-page #content .block .related-pages .inner {
      max-width: 1464px;
      margin: 0 auto;
      padding: 32px; }
      body.general-page #content .block .related-pages .inner .group-title {
        color: #54585a;
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 32px;
        text-align: center; }
      body.general-page #content .block .related-pages .inner .grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 24px; }
        body.general-page #content .block .related-pages .inner .grid .tile {
          flex: 1;
          background: white;
          box-shadow: 0px 1px 34px rgba(0, 0, 0, 0.06);
          min-width: 320px;
          text-decoration: none;
          transition: all ease 0.25s;
          display: flex;
          flex-direction: column; }
          body.general-page #content .block .related-pages .inner .grid .tile .hero {
            font-size: 0;
            max-height: 400px;
            overflow: hidden;
            position: relative; }
            body.general-page #content .block .related-pages .inner .grid .tile .hero .spacer {
              margin: 0 0 66.666%; }
            body.general-page #content .block .related-pages .inner .grid .tile .hero img {
              width: 100%;
              position: absolute;
              top: 50%;
              transform: translateY(-50%); }
          body.general-page #content .block .related-pages .inner .grid .tile .text {
            padding: 28px; }
            body.general-page #content .block .related-pages .inner .grid .tile .text .title {
              color: #54585a;
              font-family: 'Lora', serif;
              font-size: 23px;
              line-height: 25px;
              font-weight: 600;
              margin: 0 0 16px;
              transition: all ease 0.25s; }
            body.general-page #content .block .related-pages .inner .grid .tile .text .subtitle {
              font-size: 16px;
              font-weight: 400;
              color: black;
              margin: 0 0 16px; }
            body.general-page #content .block .related-pages .inner .grid .tile .text .button {
              font-size: 16px;
              color: #009fdf;
              text-decoration: none;
              font-family: 'Lora', serif;
              font-weight: 500; }
          body.general-page #content .block .related-pages .inner .grid .tile:hover {
            box-shadow: 0 1px 34px rgba(0, 0, 0, 0.25); }
            body.general-page #content .block .related-pages .inner .grid .tile:hover .title {
              color: #009fdf; }
  body.general-page #content .block .related-downloads {
    margin: 0 0 6rem; }
    body.general-page #content .block .related-downloads .inner {
      max-width: 1640px;
      margin: 0 auto;
      padding: 32px; }
      body.general-page #content .block .related-downloads .inner .group-title {
        color: black;
        font-size: 24px;
        font-weight: 500;
        margin: 0 0 32px;
        text-align: center; }
      body.general-page #content .block .related-downloads .inner .download-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; }
        body.general-page #content .block .related-downloads .inner .download-list .download-container {
          flex: 1;
          min-width: 330px;
          display: flex;
          container: download-container / inline-size; }
        body.general-page #content .block .related-downloads .inner .download-list .download {
          flex: 1;
          align-items: center;
          background: white;
          border-radius: 8px;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.125);
          display: flex;
          font-size: 0;
          overflow: hidden;
          text-decoration: none;
          transition: all ease 0.25s;
          width: 100%; }
          body.general-page #content .block .related-downloads .inner .download-list .download .image {
            width: 280px;
            min-width: 280px;
            max-width: 280px; }
            body.general-page #content .block .related-downloads .inner .download-list .download .image img {
              width: 100%; }
          body.general-page #content .block .related-downloads .inner .download-list .download .text {
            align-items: start;
            display: flex;
            flex: 1;
            flex-direction: column;
            gap: 4px;
            padding: 10px 24px; }
            body.general-page #content .block .related-downloads .inner .download-list .download .text .title {
              color: #009fdf;
              font-size: 20px;
              font-weight: bold;
              line-height: 20px;
              transition: all ease 0.25s; }
            body.general-page #content .block .related-downloads .inner .download-list .download .text .description {
              color: black;
              font-size: 16px; }
            body.general-page #content .block .related-downloads .inner .download-list .download .text .action {
              background: #f2f5f7;
              padding: 6px 12px;
              margin: 8px 0 0;
              display: flex;
              align-items: center;
              gap: 10px;
              transition: all ease 0.25s; }
              body.general-page #content .block .related-downloads .inner .download-list .download .text .action .label {
                color: #929596;
                font-size: 16px;
                font-weight: bold;
                padding: 0 0 2px;
                transition: all ease 0.25s; }
              body.general-page #content .block .related-downloads .inner .download-list .download .text .action .file-size {
                color: #929596;
                font-size: 14px;
                transition: all ease 0.25s; }
              body.general-page #content .block .related-downloads .inner .download-list .download .text .action i {
                font-size: 14px;
                color: #929596;
                padding: 2px 0 0;
                transition: all ease 0.25s; }
          body.general-page #content .block .related-downloads .inner .download-list .download:hover {
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
            body.general-page #content .block .related-downloads .inner .download-list .download:hover .text .title {
              color: black; }
            body.general-page #content .block .related-downloads .inner .download-list .download:hover .action {
              background: #009fdf; }
              body.general-page #content .block .related-downloads .inner .download-list .download:hover .action .label,
              body.general-page #content .block .related-downloads .inner .download-list .download:hover .action .file-size,
              body.general-page #content .block .related-downloads .inner .download-list .download:hover .action i {
                color: white; }
@container download-container (max-width: 700px) {
  body.general-page #content .block .related-downloads .inner .download-list .download {
    flex-direction: column;
    align-items: stretch; }
    body.general-page #content .block .related-downloads .inner .download-list .download .image {
      width: 100%;
      max-width: 100%;
      min-width: 100%; }
    body.general-page #content .block .related-downloads .inner .download-list .download .text {
      padding: 16px;
      align-items: stretch; }
      body.general-page #content .block .related-downloads .inner .download-list .download .text .description {
        flex: 1; } }
  body.general-page #content .block .logo-group {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 32px; }
    body.general-page #content .block .logo-group h3 {
      font-size: 30px;
      margin: 3rem 0 1rem;
      border-bottom: 3px solid #009fdf;
      padding: 0 0 0.5rem; }
    body.general-page #content .block .logo-group ul.sponsors {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body.general-page #content .block .logo-group ul.sponsors li {
        display: inline-block;
        overflow: hidden;
        text-align: center;
        width: 25%;
        padding: 1.5rem 2.5rem;
        box-sizing: border-box; }
        body.general-page #content .block .logo-group ul.sponsors li img {
          object-fit: cover;
          width: 100%; }
  body.general-page #content .block .workshop-list {
    margin: 1rem auto 3rem;
    max-width: 1100px;
    width: 100%; }
    body.general-page #content .block .workshop-list h2 {
      color: #515151;
      font-size: 26px;
      margin: 3rem 0 1rem; }
    body.general-page #content .block .workshop-list .workshop-intro {
      color: #2F302D;
      font-size: 18px;
      line-height: 1.5em; }
    body.general-page #content .block .workshop-list .list {
      box-sizing: border-box;
      width: 100%;
      padding: 1rem;
      background: #f0f0f0; }
      body.general-page #content .block .workshop-list .list a.workshop {
        background: white;
        color: #2F302D;
        display: flex;
        flex: 1;
        text-decoration: none;
        width: 100%;
        align-items: center;
        transition: all ease 0.25s; }
        body.general-page #content .block .workshop-list .list a.workshop .hero {
          margin: 1rem;
          width: 110px; }
          body.general-page #content .block .workshop-list .list a.workshop .hero img {
            border-radius: 100px;
            width: 100%; }
        body.general-page #content .block .workshop-list .list a.workshop .text {
          flex: 1;
          margin: 1rem 1rem 1rem 0; }
          body.general-page #content .block .workshop-list .list a.workshop .text .date {
            color: #3E4B51;
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            margin-right: 1rem;
            white-space: nowrap; }
          body.general-page #content .block .workshop-list .list a.workshop .text .time {
            color: #3E4B51;
            font-size: 12px;
            font-weight: 500;
            margin-right: 1rem;
            white-space: nowrap; }
          body.general-page #content .block .workshop-list .list a.workshop .text .location {
            color: #009fdf;
            font-size: 12px;
            font-weight: 500;
            margin-right: 1rem;
            white-space: nowrap; }
          body.general-page #content .block .workshop-list .list a.workshop .text .title {
            font-family: 'Sanchez', serif;
            font-size: 21px;
            font-weight: 600;
            line-height: 25px;
            margin: 0.5rem 0;
            transition: all ease 0.25s; }
          body.general-page #content .block .workshop-list .list a.workshop .text .fas {
            margin-right: 2px; }
          body.general-page #content .block .workshop-list .list a.workshop .text .blurb {
            color: #3E4B51;
            font-size: 12px;
            line-height: 14px; }
        body.general-page #content .block .workshop-list .list a.workshop:hover {
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }
          body.general-page #content .block .workshop-list .list a.workshop:hover .title {
            color: #009fdf; }
      body.general-page #content .block .workshop-list .list a.workshop + a.workshop {
        margin: 1rem 0 0; }
  body.general-page #content .block .video-group {
    margin: 2rem auto 32px;
    width: 100%;
    max-width: 1100px; }
    body.general-page #content .block .video-group .group-title {
      font-family: 'Sanchez', serif;
      border-bottom: 4px solid #009fdf;
      color: #515151;
      font-size: 1.75rem;
      font-weight: 600;
      margin: 0 0 1rem;
      padding: 0 0 1rem; }
    body.general-page #content .block .video-group .group-description {
      font-size: 1.1rem; }
    body.general-page #content .block .video-group .video-list {
      display: flex;
      flex-wrap: wrap;
      font-size: 0;
      margin: 2rem -1rem; }
      body.general-page #content .block .video-group .video-list .video {
        margin: 0 1rem 2rem;
        width: calc(33.33% - 2rem);
        font-size: 1rem; }
        body.general-page #content .block .video-group .video-list .video img {
          width: 100%; }
        body.general-page #content .block .video-group .video-list .video .title {
          font-size: 1.5rem;
          margin: 0.5rem 0; }
        body.general-page #content .block .video-group .video-list .video .blurb {
          margin: 0.5rem 0; }
        body.general-page #content .block .video-group .video-list .video a.watch {
          background: #009fdf;
          color: white;
          display: inline-block;
          font-size: 1.1rem;
          font-weight: 500;
          margin: 0.75rem 0 0;
          padding: 0.75rem 1.1rem;
          text-decoration: none;
          transition: all ease 0.25s; }
          body.general-page #content .block .video-group .video-list .video a.watch:hover {
            background: #009fdf; }
  body.general-page #content .block .warning-signs {
    margin: 3rem auto;
    max-width: 1100px; }
    body.general-page #content .block .warning-signs .mobile {
      display: none; }
    body.general-page #content .block .warning-signs .triggers {
      font-size: 0; }
      body.general-page #content .block .warning-signs .triggers .trigger {
        width: 20%;
        display: inline-block; }
        body.general-page #content .block .warning-signs .triggers .trigger a {
          align-items: center;
          cursor: pointer;
          display: flex;
          flex-direction: column;
          gap: 16px;
          text-align: center;
          transition: all ease 0.25s;
          padding: 32px 16px; }
          body.general-page #content .block .warning-signs .triggers .trigger a .title {
            font-weight: 500;
            font-size: 20px; }
          body.general-page #content .block .warning-signs .triggers .trigger a.memory-loss, body.general-page #content .block .warning-signs .triggers .trigger a.time-place-confusion, body.general-page #content .block .warning-signs .triggers .trigger a.abstract-thinking, body.general-page #content .block .warning-signs .triggers .trigger a.visual-spatial {
            color: #008A7F; }
          body.general-page #content .block .warning-signs .triggers .trigger a.familiar-tasks, body.general-page #content .block .warning-signs .triggers .trigger a.judgment-decision-making, body.general-page #content .block .warning-signs .triggers .trigger a.mood-behaviour {
            color: #009FDF; }
          body.general-page #content .block .warning-signs .triggers .trigger a.language-difficulty, body.general-page #content .block .warning-signs .triggers .trigger a.misplacing-things, body.general-page #content .block .warning-signs .triggers .trigger a.work-social-withdraw {
            color: #39B54A; }
          body.general-page #content .block .warning-signs .triggers .trigger a:hover {
            color: black; }
          body.general-page #content .block .warning-signs .triggers .trigger a.active {
            background: url("/design/images/warning-sign-circle.png") no-repeat center center;
            background-size: 100% 100%; }
    body.general-page #content .block .warning-signs .slides {
      height: 400px;
      position: relative;
      margin: 30px 0;
      font-size: 18px; }
      body.general-page #content .block .warning-signs .slides .default.closed {
        display: none; }
      body.general-page #content .block .warning-signs .slides .group {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        padding: 0 90px;
        position: absolute;
        top: 0;
        width: 100%; }
        body.general-page #content .block .warning-signs .slides .group.closed {
          display: none; }
        body.general-page #content .block .warning-signs .slides .group .next,
        body.general-page #content .block .warning-signs .slides .group .prev,
        body.general-page #content .block .warning-signs .slides .group .close {
          background: #F2F5F7;
          border-radius: 48px;
          color: black;
          cursor: pointer;
          height: 48px;
          left: 20px;
          line-height: 48px;
          position: absolute;
          text-align: center;
          top: 50%;
          transform: translateY(-50%);
          font-size: 20px;
          width: 48px;
          z-index: 3;
          transition: all ease 0.25s; }
          body.general-page #content .block .warning-signs .slides .group .next:hover,
          body.general-page #content .block .warning-signs .slides .group .prev:hover,
          body.general-page #content .block .warning-signs .slides .group .close:hover {
            background: #303030;
            color: white; }
        body.general-page #content .block .warning-signs .slides .group .next {
          left: auto;
          right: 20px; }
        body.general-page #content .block .warning-signs .slides .group .close {
          left: auto;
          right: 20px;
          top: 0;
          background: none;
          font-size: 30px;
          color: #606060; }
        body.general-page #content .block .warning-signs .slides .group .slide-list {
          height: 360px;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%; }
          body.general-page #content .block .warning-signs .slides .group .slide-list .slide {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            transition: opacity ease 0.25s; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide img {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              border-radius: 6px; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal,
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia {
              background: url("/design/images/warning-signs-normal-sticky.png") no-repeat center center;
              width: 312px;
              height: 271px;
              position: absolute;
              top: 50%;
              left: 90px;
              z-index: 2;
              display: flex;
              align-items: center; }
              body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal .text,
              body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia .text {
                padding: 32px; }
                body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal .text .heading,
                body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia .text .heading {
                  font-family: "Gochi Hand", cursive;
                  font-size: 29px;
                  line-height: 30px;
                  margin: 0 0 16px; }
                body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal .text .example,
                body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia .text .example {
                  font-size: 18px; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia {
              background: url("/design/images/warning-signs-dementia-sticky.png") no-repeat center center;
              height: 287px;
              left: auto;
              right: 90px;
              width: 312px; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide.active {
              opacity: 1; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide:nth-child(2n + 1) .normal {
              transform: translateY(-45%) rotate(-1.45deg); }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide:nth-child(2n + 1) .dementia {
              transform: translateY(-50%) rotate(3.874deg); }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide:nth-child(2n) .normal {
              transform: translateY(-60%) rotate(2.616deg); }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide:nth-child(2n) .dementia {
              transform: translateY(-45%) rotate(-1.462deg); }
        body.general-page #content .block .warning-signs .slides .group .dot-list {
          position: absolute;
          left: 50%;
          bottom: 16px;
          transform: translateX(-50%);
          display: flex;
          gap: 8px; }
          body.general-page #content .block .warning-signs .slides .group .dot-list a.dot {
            border: 4px solid #D9D9D9;
            width: 30px;
            border-radius: 4px; }
            body.general-page #content .block .warning-signs .slides .group .dot-list a.dot.active {
              border-color: #008A7F; }
    @media (max-width: 1260px) {
      body.general-page #content .block .warning-signs .ws-intro {
        display: block;
        text-align: center; }
        body.general-page #content .block .warning-signs .ws-intro img {
          width: 356px;
          max-width: 100%; }
      body.general-page #content .block .warning-signs .default {
        display: none; }
      body.general-page #content .block .warning-signs .triggers {
        padding: 0 16px; }
        body.general-page #content .block .warning-signs .triggers .trigger {
          width: calc(50% - 16px);
          margin: 16px 8px; }
          body.general-page #content .block .warning-signs .triggers .trigger a {
            gap: 0; }
            body.general-page #content .block .warning-signs .triggers .trigger a .title {
              font-size: 18px; }
      body.general-page #content .block .warning-signs .slides {
        height: 0;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        width: 0;
        z-index: 100; }
        body.general-page #content .block .warning-signs .slides.open {
          background: white;
          height: 100vh;
          left: 0;
          position: fixed;
          top: 0;
          width: 100vw; }
        body.general-page #content .block .warning-signs .slides .group {
          padding: 0; }
          body.general-page #content .block .warning-signs .slides .group .heading-bar {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px;
            gap: 8px; }
            body.general-page #content .block .warning-signs .slides .group .heading-bar .title {
              font-size: 17px;
              font-weight: 500; }
          body.general-page #content .block .warning-signs .slides .group.memory-loss .heading-bar, body.general-page #content .block .warning-signs .slides .group.time-place-confusion .heading-bar, body.general-page #content .block .warning-signs .slides .group.abstract-thinking .heading-bar, body.general-page #content .block .warning-signs .slides .group.visual-spatial .heading-bar {
            color: #008A7F; }
          body.general-page #content .block .warning-signs .slides .group.familiar-tasks .heading-bar, body.general-page #content .block .warning-signs .slides .group.judgment-decision-making .heading-bar, body.general-page #content .block .warning-signs .slides .group.mood-behaviour .heading-bar {
            color: #009FDF; }
          body.general-page #content .block .warning-signs .slides .group.language-difficulty .heading-bar, body.general-page #content .block .warning-signs .slides .group.misplacing-things .heading-bar, body.general-page #content .block .warning-signs .slides .group.work-social-withdraw .heading-bar {
            color: #39B54A; }
          body.general-page #content .block .warning-signs .slides .group .slide-list {
            position: relative;
            top: auto;
            left: auto;
            height: auto; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide img {
              width: 100%;
              position: relative;
              top: auto;
              left: auto;
              transform: none;
              border-radius: 0; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal,
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia {
              position: relative;
              top: auto;
              left: auto;
              right: auto;
              width: auto;
              height: auto;
              background: none;
              box-shadow: 5px 5px rgba(0, 0, 0, 0.075); }
              body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal .text,
              body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia .text {
                padding: 16px; }
                body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal .text .heading,
                body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia .text .heading {
                  margin: 0; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide .normal {
              background: #fffbb7;
              left: -20px;
              padding-left: 20px;
              transform: rotate(-1.582deg) !important;
              margin: -36px 0 6px; }
            body.general-page #content .block .warning-signs .slides .group .slide-list .slide .dementia {
              background: #FFE1D1;
              padding-right: 20px;
              right: -20px;
              transform: rotate(2.3deg) !important; }
          body.general-page #content .block .warning-signs .slides .group .dot-list {
            bottom: 40px; }
          body.general-page #content .block .warning-signs .slides .group .next,
          body.general-page #content .block .warning-signs .slides .group .prev {
            top: calc(40vw + 90px); }
            body.general-page #content .block .warning-signs .slides .group .next:hover,
            body.general-page #content .block .warning-signs .slides .group .prev:hover {
              color: black;
              background: #F2F5F7; }
          body.general-page #content .block .warning-signs .slides .group .next {
            right: 10px; }
          body.general-page #content .block .warning-signs .slides .group .prev {
            left: 10px; }
          body.general-page #content .block .warning-signs .slides .group .close {
            transform: none;
            top: 10px;
            right: 10px; } }
  body.general-page #content .block .warning-signs-table {
    background: #F2F5F7; }
    body.general-page #content .block .warning-signs-table .wrapper {
      max-width: 1100px;
      margin: 0 auto;
      padding: 56px 15px; }
    body.general-page #content .block .warning-signs-table h2 {
      font-size: 38px;
      font-weight: 300;
      color: #009FDF; }
    body.general-page #content .block .warning-signs-table .diff {
      margin: 32px 0; }
      body.general-page #content .block .warning-signs-table .diff .sub-title {
        font-size: 24px;
        font-weight: 500;
        margin: 0 0 12px; }
      body.general-page #content .block .warning-signs-table .diff .group {
        display: flex;
        gap: 40px; }
        body.general-page #content .block .warning-signs-table .diff .group .box {
          padding: 24px;
          background: white;
          flex: 1;
          border-radius: 8px; }
          body.general-page #content .block .warning-signs-table .diff .group .box .title {
            font-family: 'Gochi Hand', cursive;
            font-size: 30px;
            font-weight: 400;
            margin: 0 0 6px;
            display: inline-block; }
          body.general-page #content .block .warning-signs-table .diff .group .box .text-1 {
            font-size: 22px;
            font-weight: 400; }
          body.general-page #content .block .warning-signs-table .diff .group .box hr {
            border: 0;
            border-top: 1px solid #929596;
            margin: 16px 0; }
          body.general-page #content .block .warning-signs-table .diff .group .box .example-title {
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            margin: 0 0 8px; }
          body.general-page #content .block .warning-signs-table .diff .group .box .text-2 {
            font-size: 16px;
            font-style: italic; }
          body.general-page #content .block .warning-signs-table .diff .group .box.normal .title {
            background: #FFFBB7; }
          body.general-page #content .block .warning-signs-table .diff .group .box.dementia .title {
            background: #FFE1D1; }
    @media (max-width: 1260px) {
      body.general-page #content .block .warning-signs-table .diff .group {
        flex-direction: column;
        gap: 12px; } }
  body.general-page #content .tools .social,
  body.general-page #content .tools .print {
    margin: 0 0 2rem; }
    body.general-page #content .tools .social .label,
    body.general-page #content .tools .print .label {
      color: #696969;
      display: inline-block;
      font-size: 14px;
      font-weight: 500;
      width: 60px;
      vertical-align: middle; }
    body.general-page #content .tools .social a,
    body.general-page #content .tools .print a {
      background: white;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
      color: #898989;
      cursor: pointer;
      display: inline-block;
      font-size: 18px;
      margin: 0 0 0 0.5rem;
      min-width: 20px;
      padding: 0.5rem;
      text-align: center;
      transition: all ease 0.25s;
      vertical-align: middle; }
      body.general-page #content .tools .social a:hover,
      body.general-page #content .tools .print a:hover {
        background: #009fdf;
        color: white; }
  body.general-page #content .tools .social {
    margin: 0 0 1.5rem; }
  body.general-page #content .tools .videos {
    margin: 2rem 0; }
    body.general-page #content .tools .videos .title {
      color: #26313F;
      font-size: 18px;
      font-weight: 600;
      margin: 0 0 1.5rem; }
    body.general-page #content .tools .videos .video {
      margin: 0 0 1.5rem;
      overflow: auto; }
      body.general-page #content .tools .videos .video a {
        display: inline-block;
        font-size: 0;
        overflow: hidden;
        position: relative;
        width: 100%; }
        body.general-page #content .tools .videos .video a img {
          width: 100%; }
        body.general-page #content .tools .videos .video a::before {
          background: rgba(200, 200, 200, 0.5);
          content: "";
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          transition: all ease 0.25s;
          width: 100%; }
        body.general-page #content .tools .videos .video a::after {
          color: white;
          content: "\f144";
          font-family: "Font Awesome 6 Pro";
          font-size: 60px;
          font-weight: 900;
          left: 50%;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%); }
        body.general-page #content .tools .videos .video a:hover::before {
          background: rgba(200, 200, 200, 0); }
      body.general-page #content .tools .videos .video span.caption {
        color: #515151;
        display: inline-block;
        margin: 0.25rem 0 0;
        font-size: 15px;
        line-height: 18px; }
  body.general-page #content .tools .downloads {
    margin: 2rem 0; }
    body.general-page #content .tools .downloads .title {
      color: #26313F;
      font-size: 18px;
      font-weight: 600;
      margin: 0 0 1.5rem; }
    body.general-page #content .tools .downloads ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body.general-page #content .tools .downloads ul li {
        margin: 0.75rem 0; }
      body.general-page #content .tools .downloads ul a {
        background: #39b54a;
        color: white;
        display: block;
        border-radius: 3px;
        padding: 1.25rem 38px 1.25rem 1.25rem;
        position: relative;
        text-decoration: none;
        transition: all ease 0.25s; }
        body.general-page #content .tools .downloads ul a .file-title {
          color: #fff200;
          font-size: 17px;
          font-weight: 500;
          line-height: 19px; }
        body.general-page #content .tools .downloads ul a .file-caption {
          margin: 0.25rem 0 0;
          font-size: 13px;
          line-height: 18px; }
        body.general-page #content .tools .downloads ul a::after {
          background: #2d8e3a;
          border: 15px solid #f3f2f1;
          border-left: 15px solid transparent;
          border-top: 15px solid transparent;
          bottom: 0;
          content: "";
          position: absolute;
          right: 0;
          transition: all ease 0.25s; }
        body.general-page #content .tools .downloads ul a::before {
          color: white;
          content: "\f063";
          font-family: "Font Awesome 6 Pro";
          font-weight: 900;
          opacity: 0;
          position: absolute;
          right: 12px;
          top: 22px;
          transition: all ease 0.25s; }
        body.general-page #content .tools .downloads ul a:hover {
          background: #39b54a; }
          body.general-page #content .tools .downloads ul a:hover .file-title {
            color: #fff200; }
          body.general-page #content .tools .downloads ul a:hover::after {
            background: #2d8e3a; }
          body.general-page #content .tools .downloads ul a:hover::before {
            opacity: 1; }
  body.general-page #content .tools .workshops {
    background: white;
    border-top: 6px solid #39b54a;
    margin: 0 0 3rem;
    padding: 1.5rem; }
    body.general-page #content .tools .workshops .title {
      color: #26313F;
      font-size: 18px;
      font-weight: 600;
      margin: 0 0 1.5rem; }
    body.general-page #content .tools .workshops ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body.general-page #content .tools .workshops ul li {
        margin: 0.75rem 0; }
      body.general-page #content .tools .workshops ul .when {
        text-transform: uppercase;
        font-size: 12px;
        color: #515151; }
        body.general-page #content .tools .workshops ul .when .date {
          font-weight: 500; }
      body.general-page #content .tools .workshops ul a {
        font-family: 'Sanchez', serif;
        text-decoration: none;
        font-size: 18px;
        font-weight: 600;
        display: block;
        line-height: 20px;
        margin: 0.25rem 0; }
      body.general-page #content .tools .workshops ul .location {
        font-size: 12px;
        color: #696969; }
  body.general-page #content .tools .resources {
    background: white;
    border-top: 6px solid #009fdf;
    margin: 0 0 3rem;
    padding: 1.5rem; }
    body.general-page #content .tools .resources .title {
      color: #26313F;
      font-size: 18px;
      font-weight: 600;
      margin: 0 0 1.5rem; }
    body.general-page #content .tools .resources ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body.general-page #content .tools .resources ul li {
        margin: 0.75rem 0; }
      body.general-page #content .tools .resources ul .parent {
        color: #26313F;
        font-size: 10px;
        font-weight: 500;
        opacity: 0.5;
        text-transform: uppercase; }
      body.general-page #content .tools .resources ul a {
        font-size: 16px;
        font-weight: 500;
        text-decoration: none; }
  @media (max-width: 1260px) {
    body.general-page #content .block-list {
      padding: 36px 0; }
    body.general-page #content .intro .wrapper .text .titles h1 {
      font-size: 40px;
      line-height: 40px; }
    body.general-page #content .intro .wrapper .text .titles .subtitle {
      font-size: 18px; }
    body.general-page #content .inline-menu .desktop {
      padding: 0 16px;
      margin: 3rem auto 2rem; }
    body.general-page #content .block .block-javascript,
    body.general-page #content .block .block-hero,
    body.general-page #content .block .block-body,
    body.general-page #content .block .block-text-with-action,
    body.general-page #content .block .sawtooth,
    body.general-page #content .block .person,
    body.general-page #content .block .block-question,
    body.general-page #content .block .workshop-list,
    body.general-page #content .block .block-faq {
      padding-left: 16px;
      padding-right: 16px;
      box-sizing: border-box; }
    body.general-page #content .block .block-video {
      margin-left: 16px;
      margin-right: 16px;
      width: calc(100% - 32px); }
      body.general-page #content .block .block-video .play {
        width: 100%;
        flex-direction: column; }
        body.general-page #content .block .block-video .play .hero {
          width: 100%; }
        body.general-page #content .block .block-video .play .text {
          padding: 32px; }
    body.general-page #content .block .video-gallery .block-video {
      margin: 0;
      width: 100%; }
    body.general-page #content .block .video-gallery .inner {
      padding: 32px 24px; }
    body.general-page #content .block .related-pages .inner {
      padding: 32px 24px; }
    body.general-page #content .block .related-downloads .inner {
      padding: 16px; }
    body.general-page #content .block .logo-group {
      padding-left: 16px;
      padding-right: 16px;
      box-sizing: border-box; }
      body.general-page #content .block .logo-group ul.sponsors li {
        width: 33.3%; }
    body.general-page #content .block .video-group {
      padding-left: 16px;
      padding-right: 16px;
      box-sizing: border-box; }
      body.general-page #content .block .video-group .video-list {
        display: block;
        margin: 2em 0; }
        body.general-page #content .block .video-group .video-list .video {
          width: 100%;
          margin: 0 0 2rem; } }
  @media (max-width: 762px) {
    body.general-page #content .intro .wrapper {
      flex-direction: column; }
      body.general-page #content .intro .wrapper .text {
        padding: 24px 16px; }
        body.general-page #content .intro .wrapper .text .titles h1 {
          font-size: 30px;
          line-height: 34px; }
    body.general-page #content .intro.with-hero .wrapper .text .titles {
      margin: 20px 0 0;
      padding: 0;
      background: transparent; }
    body.general-page #content .intro.with-hero .wrapper .hero {
      display: none; }
    body.general-page #content .inline-menu .desktop {
      display: none; }
    body.general-page #content .inline-menu .mobile {
      display: block;
      background: #f0f0f0;
      border-radius: 6px;
      margin: 2rem 16px 0; }
      body.general-page #content .inline-menu .mobile .toggle {
        align-items: center;
        color: black;
        cursor: pointer;
        display: flex;
        font-size: 18px;
        font-weight: 500;
        gap: 16px;
        padding: 16px 24px;
        text-decoration: none; }
        body.general-page #content .inline-menu .mobile .toggle span {
          flex: 1; }
      body.general-page #content .inline-menu .mobile .links {
        display: none;
        margin: 0 24px;
        padding: 8px 0 16px; }
        body.general-page #content .inline-menu .mobile .links a {
          display: block;
          padding: 8px 0;
          text-decoration: none;
          color: black;
          font-size: 16px;
          font-weight: 500; }
      body.general-page #content .inline-menu .mobile.open .links {
        display: flex;
        flex-direction: column;
        border-top: 1px solid #C8C7C7; }
    body.general-page #content .block .person {
      flex-direction: column; }
      body.general-page #content .block .person .mask {
        margin: 0 auto 2rem; }
      body.general-page #content .block .person .text .name {
        text-align: center; }
      body.general-page #content .block .person .text .role {
        text-align: center; }
      body.general-page #content .block .person .text .bio {
        font-size: 19px;
        line-height: 27px; }
    body.general-page #content .block .sawtooth .tooth .inner {
      flex-direction: column-reverse; }
      body.general-page #content .block .sawtooth .tooth .inner .hero {
        width: 100%; }
      body.general-page #content .block .sawtooth .tooth .inner .text {
        width: 100%;
        box-sizing: border-box;
        padding: 32px 32px 64px; }
        body.general-page #content .block .sawtooth .tooth .inner .text .box {
          max-width: 100%;
          width: 100%; }
    body.general-page #content .block .sawtooth .tooth:nth-child(2n+1) .inner {
      flex-direction: column; }
    body.general-page #content .block .related-pages .inner .grid {
      flex-direction: column;
      gap: 32px; }
    body.general-page #content .block .logo-group ul.sponsors li {
      width: 100%;
      max-width: 280px;
      margin: 0.5rem auto; }
    body.general-page #content .block .block-body h2,
    body.general-page #content .block .block-text-with-action h2 {
      font-size: 32px; }
    body.general-page #content .block .block-body h3,
    body.general-page #content .block .block-text-with-action h3 {
      font-size: 20px; }
    body.general-page #content .block .block-body p,
    body.general-page #content .block .block-text-with-action p {
      font-size: 19px;
      line-height: 27px; }
    body.general-page #content .block .block-body blockquote,
    body.general-page #content .block .block-text-with-action blockquote {
      margin: 80px 40px;
      font-size: 30px; }
    body.general-page #content .block .block-body .richtext-image.left, body.general-page #content .block .block-body .richtext-image.right,
    body.general-page #content .block .block-text-with-action .richtext-image.left,
    body.general-page #content .block .block-text-with-action .richtext-image.right {
      float: none;
      margin: 1rem 0;
      width: 100%; }
    body.general-page #content .block .block-text-with-action {
      display: block; }
      body.general-page #content .block .block-text-with-action .call-to-action {
        width: 100%;
        text-align: center; }
    body.general-page #content .block .block-faq .group-title {
      font-size: 30px; }
    body.general-page #content .block .block-faq .question .target {
      font-size: 19px; }
    body.general-page #content .block .block-faq .question .answer h2 {
      font-size: 32px; }
    body.general-page #content .block .block-faq .question .answer h3 {
      font-size: 20px; }
    body.general-page #content .block .block-faq .question .answer p {
      font-size: 19px;
      line-height: 27px; }
    body.general-page #content .block .block-faq .question .answer blockquote {
      margin: 80px 40px;
      font-size: 30px; }
    body.general-page #content .block .block-faq .question .answer .richtext-image.left, body.general-page #content .block .block-faq .question .answer .richtext-image.right {
      float: none;
      margin: 1rem 0;
      width: 100%; } }
  @media print {
    body.general-page #content {
      border-top: 0; }
      body.general-page #content .breadcrumbs {
        display: none;
        margin: 0 0 1rem;
        padding: 0; }
        body.general-page #content .breadcrumbs .label {
          display: none; }
      body.general-page #content .columns .column:nth-child(1) {
        padding: 1rem 0 0;
        box-shadow: none;
        width: 100%; }
      body.general-page #content .columns .column:nth-child(2) {
        display: none; } }

/* Workshop list page styling. */
body.workshop-list-page #content .block .workshop-list {
  margin: 1rem 0 3rem; }
  body.workshop-list-page #content .block .workshop-list h2 {
    color: #515151;
    font-size: 26px;
    margin: 3rem 0 1rem; }
  body.workshop-list-page #content .block .workshop-list .workshop-intro {
    color: #2F302D;
    font-size: 18px;
    line-height: 1.5em; }
  body.workshop-list-page #content .block .workshop-list .list {
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
    background: #f0f0f0; }
    body.workshop-list-page #content .block .workshop-list .list a.workshop {
      background: white;
      color: #2F302D;
      display: flex;
      flex: 1;
      text-decoration: none;
      width: 100%;
      align-items: center;
      transition: all ease 0.25s; }
      body.workshop-list-page #content .block .workshop-list .list a.workshop .hero {
        margin: 1rem;
        width: 110px; }
        body.workshop-list-page #content .block .workshop-list .list a.workshop .hero img {
          border-radius: 100px;
          width: 100%; }
      body.workshop-list-page #content .block .workshop-list .list a.workshop .text {
        flex: 1;
        margin: 1rem 1rem 1rem 0; }
        body.workshop-list-page #content .block .workshop-list .list a.workshop .text .date {
          color: #3E4B51;
          font-size: 12px;
          font-weight: 500;
          text-transform: uppercase;
          margin-right: 1rem;
          white-space: nowrap; }
        body.workshop-list-page #content .block .workshop-list .list a.workshop .text .time {
          color: #3E4B51;
          font-size: 12px;
          font-weight: 500;
          margin-right: 1rem;
          white-space: nowrap; }
        body.workshop-list-page #content .block .workshop-list .list a.workshop .text .location {
          color: #3E4B51;
          font-size: 12px;
          font-weight: 500;
          white-space: nowrap; }
        body.workshop-list-page #content .block .workshop-list .list a.workshop .text .title {
          font-family: 'Sanchez', serif;
          font-size: 21px;
          font-weight: 600;
          line-height: 25px;
          margin: 0.5rem 0;
          transition: all ease 0.25s; }
        body.workshop-list-page #content .block .workshop-list .list a.workshop .text .blurb {
          color: #3E4B51;
          font-size: 12px;
          line-height: 14px; }
      body.workshop-list-page #content .block .workshop-list .list a.workshop:hover {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }
        body.workshop-list-page #content .block .workshop-list .list a.workshop:hover .title {
          color: #009fdf; }
    body.workshop-list-page #content .block .workshop-list .list a.workshop + a.workshop {
      margin: 1rem 0 0; }

/* Workshop page styling. */
body.workshop-page #content .workshop-details {
  border: 1px solid #0094d0;
  border-radius: 10px;
  box-sizing: border-box;
  color: #515151;
  display: flex;
  font-size: 20px;
  gap: 12px;
  margin: -2rem auto 6rem;
  max-width: 1560px;
  padding: 24px 36px;
  align-items: center; }
  body.workshop-page #content .workshop-details .column:nth-child(1) {
    flex: 1; }
  body.workshop-page #content .workshop-details .when,
  body.workshop-page #content .workshop-details .location,
  body.workshop-page #content .workshop-details .price {
    margin: 0.5rem 0;
    display: flex;
    align-items: center; }
    body.workshop-page #content .workshop-details .when i,
    body.workshop-page #content .workshop-details .location i,
    body.workshop-page #content .workshop-details .price i {
      display: inline-block;
      padding-right: 0.5rem;
      text-align: center;
      width: 1.75rem; }
    body.workshop-page #content .workshop-details .when .text,
    body.workshop-page #content .workshop-details .location .text,
    body.workshop-page #content .workshop-details .price .text {
      flex: 1; }
  body.workshop-page #content .workshop-details .when {
    font-size: 24px;
    margin: 0.75rem 0; }
    body.workshop-page #content .workshop-details .when .date {
      font-weight: bold; }
    body.workshop-page #content .workshop-details .when .time::before {
      content: " | "; }
  body.workshop-page #content .workshop-details .register {
    align-items: center;
    background: #fff200;
    border-radius: 6px;
    color: black;
    font-weight: bold;
    display: block;
    display: flex;
    gap: 12px;
    padding: 16px 24px;
    text-decoration: none;
    transition: all ease 0.25s; }
    body.workshop-page #content .workshop-details .register:hover {
      background: #009fdf;
      color: white; }
@media (max-width: 1600px) {
  body.workshop-page #content .workshop-details {
    margin-left: 15px;
    margin-right: 15px; } }
@media (max-width: 1000px) {
  body.workshop-page #content .workshop-details {
    display: block; }
    body.workshop-page #content .workshop-details .register {
      margin: 16px 0; } }
@media (max-width: 1260px) {
  body.workshop-page #content .workshop-details {
    margin-top: 0; } }

/* General page styling. */
body.logo-garden-page #content .block .block-logo-group h3 {
  font-size: 30px;
  margin: 3rem 0 1rem;
  border-bottom: 3px solid #009fdf;
  padding: 0 0 0.5rem; }
body.logo-garden-page #content .block .block-logo-group ul.sponsors {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  body.logo-garden-page #content .block .block-logo-group ul.sponsors li {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    width: 25%;
    padding: 1.5rem 2.5rem;
    box-sizing: border-box; }
    body.logo-garden-page #content .block .block-logo-group ul.sponsors li img {
      object-fit: cover;
      width: 100%; }
@media (max-width: 1260px) {
  body.logo-garden-page #content .block .block-logo-group ul.sponsors li {
    width: 33.3%; } }
@media (max-width: 762px) {
  body.logo-garden-page #content .block .block-logo-group ul.sponsors li {
    width: 100%;
    max-width: 280px;
    margin: 0.5rem auto; } }

/* New Post Page Styling. */
body.news-post-page #content .post-intro .wrapper {
  max-width: 1300px;
  margin: 80px auto;
  padding: 0 24px; }
body.news-post-page #content .post-intro .tools {
  display: flex;
  gap: 16px;
  align-items: center; }
  body.news-post-page #content .post-intro .tools a.back {
    color: #323536;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all ease 0.25s; }
    body.news-post-page #content .post-intro .tools a.back:hover {
      color: #009fdf; }
  body.news-post-page #content .post-intro .tools .type {
    background: #FFF200;
    padding: 8px 16px;
    border-radius: 32px;
    color: #54585A;
    font-size: 13px;
    font-weight: 500; }
  body.news-post-page #content .post-intro .tools .date {
    color: #929596;
    font-size: 13px;
    text-transform: uppercase; }
body.news-post-page #content .post-intro h1 {
  color: #323536;
  font-family: 'Lora', serif;
  font-size: 60px;
  font-weight: 500;
  margin: 12px 0 24px; }
body.news-post-page #content .post-intro .hero {
  border-radius: 20px;
  width: 100%; }
body.news-post-page #content .columns {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  padding: 0 24px; }
  body.news-post-page #content .columns .inline-menu {
    background: #F2F5F7;
    border-radius: 12px;
    box-sizing: border-box;
    left: 24px;
    padding: 24px;
    position: absolute;
    top: 0;
    width: 300px; }
    body.news-post-page #content .columns .inline-menu .title {
      border-bottom: 1px solid black;
      color: black;
      font-size: 18px;
      font-weight: 500;
      margin: 0 0 16px;
      padding: 0 0 16px; }
    body.news-post-page #content .columns .inline-menu .links {
      display: flex;
      flex-direction: column;
      gap: 16px;
      list-style-type: none;
      margin: 0 0 16px;
      padding: 0; }
      body.news-post-page #content .columns .inline-menu .links a {
        color: black;
        font-size: 18px;
        text-decoration: none;
        transition: all ease 0.25s;
        line-height: 26px; }
        body.news-post-page #content .columns .inline-menu .links a:hover {
          color: #009fdf; }
    body.news-post-page #content .columns .inline-menu.fixed {
      position: fixed;
      left: auto;
      top: 20px; }
  body.news-post-page #content .columns .block-list {
    margin: 0 auto;
    max-width: 950px;
    padding: 0 0 80px; }
  body.news-post-page #content .columns.with-inline-menu .block-list {
    margin: 0 0 0 350px; }
body.news-post-page #content .block .block-body {
  margin: 0 auto 60px; }
  body.news-post-page #content .block .block-body h2 {
    color: #323536;
    font-family: 'Lora', serif;
    font-size: 50px;
    font-weight: 500;
    margin: 0 0 24px; }
  body.news-post-page #content .block .block-body h3 {
    font-size: 30px; }
  body.news-post-page #content .block .block-body h4 {
    color: #009fdf;
    font-size: 20px;
    margin: 0 0 16px; }
  body.news-post-page #content .block .block-body blockquote {
    font-size: 28px; }
body.news-post-page #content .block .block-text-with-action {
  margin-bottom: 60px; }
body.news-post-page #content .block .sawtooth {
  margin-bottom: 60px; }
body.news-post-page #content .block .button-cta {
  max-width: 1100px;
  margin: 0 auto 3rem; }
  body.news-post-page #content .block .button-cta .button {
    text-decoration: none;
    color: black;
    max-width: 500px;
    text-align: center;
    padding: 24px;
    font-size: 22px;
    font-weight: 500;
    display: block;
    margin: 0 auto;
    background: #fff200;
    transition: all ease 0.25s; }
    body.news-post-page #content .block .button-cta .button::after {
      content: " \f061";
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      line-height: 20px;
      vertical-align: -2px; }
    body.news-post-page #content .block .button-cta .button:hover {
      background: #009fdf;
      color: white; }
body.news-post-page #content .block .donate {
  background: #009fdf;
  padding: 40px;
  border-radius: 12px;
  margin: 0 0 60px; }
  body.news-post-page #content .block .donate .title {
    color: #FFFBB7;
    font-family: 'Lora', serif;
    font-size: 42px;
    font-weight: 500;
    margin: 0 0 16px; }
  body.news-post-page #content .block .donate .lower {
    display: flex;
    gap: 56px;
    align-items: center; }
    body.news-post-page #content .block .donate .lower .description {
      color: white;
      font-size: 21px;
      line-height: 31px;
      flex: 1; }
    body.news-post-page #content .block .donate .lower .button {
      align-items: center;
      background: #FFF200;
      border-radius: 8px;
      color: black;
      display: flex;
      font-size: 18px;
      font-weight: 500;
      gap: 9px;
      padding: 30px 60px;
      text-align: center;
      text-decoration: none;
      transition: all ease 0.25s; }
      body.news-post-page #content .block .donate .lower .button:hover {
        background: white; }
body.news-post-page #content .block .logo-group h3 {
  border: 0;
  color: #323536;
  font-family: 'Lora', serif;
  font-size: 50px;
  font-weight: 500;
  margin: 0 0 24px;
  padding: 0; }
body.news-post-page #content .block .logo-group ul.sponsors {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  justify-content: center;
  padding: 40px; }
  body.news-post-page #content .block .logo-group ul.sponsors li {
    margin: 0;
    padding: 0;
    width: auto; }
@media (max-width: 1260px) {
  body.news-post-page #content .post-intro .wrapper {
    margin: 20px auto; }
  body.news-post-page #content .post-intro h1 {
    font-size: 42px; } }
@media (max-width: 1280px) {
  body.news-post-page #content .columns .inline-menu {
    position: relative !important;
    width: 100%;
    left: 0;
    margin: 0 0 60px; }
  body.news-post-page #content .columns .block-list {
    margin: 30px auto 0 !important; }
  body.news-post-page #content .block .block-body {
    padding: 0; }
    body.news-post-page #content .block .block-body h2 {
      font-size: 32px; }
    body.news-post-page #content .block .block-body h3 {
      font-size: 26px; }
  body.news-post-page #content .block .block-text-with-action {
    padding: 0; } }
@media (max-width: 800px) {
  body.news-post-page #content .post-intro .hero {
    width: calc(100% + 48px);
    margin-left: -24px;
    border-radius: 0; }
  body.news-post-page #content .post-intro .tools {
    flex-wrap: wrap; }
    body.news-post-page #content .post-intro .tools div.back {
      border-bottom: 1px solid #E4E5E5;
      width: 100%;
      padding: 0 0 16px; }
    body.news-post-page #content .post-intro .tools .type {
      background: white;
      color: #009fdf;
      padding: 0;
      text-transform: uppercase; }
  body.news-post-page #content .block .block-body blockquote {
    margin: 52px 0; }
  body.news-post-page #content .block .donate {
    margin-left: -24px;
    width: calc(100% - 32px);
    border-radius: 0; }
    body.news-post-page #content .block .donate .lower {
      flex-direction: column;
      gap: 24px; }
      body.news-post-page #content .block .donate .lower .button {
        width: calc(100% - 120px);
        justify-content: center; }
  body.news-post-page #content .columns .inline-menu .links {
    display: none; }
  body.news-post-page #content .columns .inline-menu .title {
    cursor: pointer; }
    body.news-post-page #content .columns .inline-menu .title::after {
      content: "\f078";
      float: right;
      font-family: "Font Awesome 6 Pro"; }
  body.news-post-page #content .columns .inline-menu.open .links {
    display: flex; }
  body.news-post-page #content .columns .inline-menu.open .title::after {
    content: "\f077"; } }

/* New Page Styling. */
body.news-page #content {
  background: url("/design/images/news-blue-background.png") no-repeat top center;
  background-size: 100%;
  padding: 0 24px 64px; }
  body.news-page #content .news-top {
    padding: 100px 0 76px; }
    body.news-page #content .news-top .wrapper {
      max-width: 1300px;
      margin: 0 auto; }
    body.news-page #content .news-top h1 {
      color: #FFFBB7;
      font-family: 'Lora', serif;
      font-size: 46px;
      font-weight: 700;
      margin: 0; }
    body.news-page #content .news-top .subtitle {
      border-top: 1px solid white;
      color: white;
      display: inline-block;
      font-family: 'Lora', serif;
      font-size: 20px;
      font-weight: 600;
      margin: 11px 0 0;
      padding: 11px 0 0; }
  body.news-page #content .featured-post {
    border-radius: 12px;
    color: #323536;
    display: flex;
    margin: 0 auto 64px;
    max-width: 1300px;
    overflow: hidden;
    text-decoration: none;
    transition: all ease 0.25s;
    width: 100%; }
    body.news-page #content .featured-post .mobile {
      display: none; }
    body.news-page #content .featured-post .text {
      background: #F2F5F7;
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      gap: 24px;
      padding: 40px; }
      body.news-page #content .featured-post .text .date {
        font-size: 13px;
        text-transform: uppercase; }
        body.news-page #content .featured-post .text .date .type {
          border-left: 1px solid #929596;
          color: #009fdf;
          display: inline-block;
          font-weight: 500;
          letter-spacing: 2.6px;
          margin-left: 8px;
          padding-left: 8px; }
      body.news-page #content .featured-post .text .title {
        font-family: 'Lora', serif;
        font-size: 50px;
        font-weight: 500; }
      body.news-page #content .featured-post .text .blurb {
        font-size: 18px;
        line-height: 26px; }
    body.news-page #content .featured-post:hover {
      transform: scale(1.025); }
  body.news-page #content .post-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin: 72px auto;
    max-width: 1300px; }
    body.news-page #content .post-grid a.post {
      background: white;
      border-radius: 8px;
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 16px;
      max-width: calc(33.3% - 26.666px);
      min-width: calc(33.3% - 26.666px);
      padding: 0 0 32px;
      text-decoration: none;
      transition: all ease 0.25s; }
      body.news-page #content .post-grid a.post .hero {
        position: relative;
        font-size: 0; }
        body.news-page #content .post-grid a.post .hero img {
          border-radius: 8px;
          width: 100%; }
        body.news-page #content .post-grid a.post .hero .type {
          background: white;
          border-radius: 40px;
          bottom: 16px;
          color: #009fdf;
          font-size: 13px;
          font-weight: 500;
          left: 8px;
          letter-spacing: 2.6px;
          padding: 6px 12px;
          position: absolute;
          text-transform: uppercase; }
      body.news-page #content .post-grid a.post .date {
        font-size: 13px;
        text-transform: uppercase;
        color: #929596; }
      body.news-page #content .post-grid a.post .title {
        color: #54585A;
        font-family: 'Lora', serif;
        font-size: 25px;
        font-weight: 500; }
      body.news-page #content .post-grid a.post .blurb {
        color: black;
        font-size: 16px;
        line-height: 21px;
        margin-top: 6px; }
      body.news-page #content .post-grid a.post:hover {
        transform: scale(1.05); }
  body.news-page #content .pagination {
    display: flex;
    gap: 6px;
    margin: 24px auto;
    justify-content: center; }
    body.news-page #content .pagination .button {
      border-radius: 32px;
      color: #323536;
      display: block;
      font-size: 14px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      text-decoration: none;
      transition: all ease 0.25s;
      width: 32px; }
      body.news-page #content .pagination .button:hover {
        background: #39b54a;
        color: white; }
      body.news-page #content .pagination .button.disabled {
        background: white;
        color: #323536;
        opacity: 0.38; }
    body.news-page #content .pagination .prev,
    body.news-page #content .pagination .next {
      background: white; }
    body.news-page #content .pagination .current {
      background: #009fdf;
      color: white; }
  @media (min-width: 1920px) {
    body.news-page #content {
      background-position: top -10vw center; } }
  @media (max-width: 1080px) {
    body.news-page #content {
      background-size: 1200px; }
      body.news-page #content .featured-post {
        flex-direction: column; }
        body.news-page #content .featured-post .mobile {
          display: block; }
        body.news-page #content .featured-post .desktop {
          display: none; } }
  @media (max-width: 980px) {
    body.news-page #content .post-grid a.post {
      max-width: calc(50% - 20px);
      min-width: calc(50% - 20px); } }
  @media (max-width: 740px) {
    body.news-page #content .news-top {
      padding-top: 32px;
      padding-bottom: 32px; }
    body.news-page #content .featured-post .text {
      padding: 24px 16px;
      gap: 16px; }
      body.news-page #content .featured-post .text .title {
        font-size: 36px; }
      body.news-page #content .featured-post .text .blurb {
        font-size: 16px;
        line-height: 20px; }
    body.news-page #content .post-grid {
      margin-top: 0; }
      body.news-page #content .post-grid a.post {
        max-width: 100%;
        min-width: 100%; } }

/* Video Library Page Styling. */
body.video-library-page #content .columns .column:nth-child(1) {
  width: 100%; }
body.video-library-page #content .video-group {
  margin: 2rem 0; }
  body.video-library-page #content .video-group .group-title {
    font-family: 'Sanchez', serif;
    border-bottom: 4px solid #009fdf;
    color: #515151;
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 1rem;
    padding: 0 0 1rem; }
  body.video-library-page #content .video-group .group-description {
    font-size: 1.1rem; }
  body.video-library-page #content .video-group .video-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    margin: 2rem -1rem; }
    body.video-library-page #content .video-group .video-list .video {
      margin: 0 1rem 2rem;
      width: calc(33.33% - 2rem);
      font-size: 1rem; }
      body.video-library-page #content .video-group .video-list .video img {
        width: 100%; }
      body.video-library-page #content .video-group .video-list .video .title {
        font-size: 1.5rem;
        margin: 0.5rem 0; }
      body.video-library-page #content .video-group .video-list .video .blurb {
        margin: 0.5rem 0; }
      body.video-library-page #content .video-group .video-list .video a.watch {
        background: #009fdf;
        color: white;
        display: inline-block;
        font-size: 1.1rem;
        font-weight: 500;
        margin: 0.75rem 0 0;
        padding: 0.75rem 1.1rem;
        text-decoration: none;
        transition: all ease 0.25s; }
        body.video-library-page #content .video-group .video-list .video a.watch:hover {
          background: #009fdf; }
@media (max-width: 1260px) {
  body.video-library-page #content .video-group .video-list {
    display: block;
    margin: 2em 0; }
    body.video-library-page #content .video-group .video-list .video {
      width: 100%;
      margin: 0 0 2rem; } }

/* Search Results page styling. */
body.search-results-page #content {
  background: #f3f2f1;
  border-top: 8px solid #edeceb;
  overflow: auto; }
  body.search-results-page #content .wrapper {
    max-width: calc(1280px + 2rem);
    padding: 0 1rem 3rem;
    margin: 0 auto;
    box-sizing: border-box; }
  body.search-results-page #content .columns {
    align-items: flex-start;
    display: flex; }
    body.search-results-page #content .columns .column {
      background: white;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      width: 100%;
      padding: 2rem; }
  body.search-results-page #content form.search {
    align-items: center;
    display: flex;
    margin: 0 1rem 1rem; }
    body.search-results-page #content form.search input[type="text"] {
      flex: 1;
      border: 2px solid #696969;
      border-radius: 30px;
      font-size: 18px;
      padding: 0.75rem 1.25rem;
      margin: 0 1rem 0 0; }
    body.search-results-page #content form.search button {
      background: #009fdf;
      border: 2px solid #009fdf;
      border-radius: 5px;
      color: white;
      cursor: pointer;
      font-size: 18px;
      padding: 0.75rem 1.25rem;
      transition: all ease 0.25s; }
      body.search-results-page #content form.search button:hover {
        background: #006790;
        border-color: #006790; }
  body.search-results-page #content h1 {
    color: #2F302D;
    font-size: 32px;
    font-weight: 600;
    line-height: 55px;
    margin: 0 1rem; }
  @media (max-width: 1260px) {
    body.search-results-page #content .wrapper {
      padding: 0 0 3rem; }
      body.search-results-page #content .wrapper .columns .column {
        padding: 0; } }
  @media (max-width: 762px) {
    body.search-results-page #content h1 {
      font-size: 22px; }
    body.search-results-page #content form.search {
      display: block; }
      body.search-results-page #content form.search input[type="text"] {
        border-radius: 4px;
        box-sizing: border-box;
        display: block;
        margin: 0 0 10px;
        width: 100%;
        font-size: 16px;
        padding: 0.5rem; }
      body.search-results-page #content form.search button {
        box-sizing: border-box;
        width: 100%;
        padding: 0.5rem;
        font-size: 16px; } }

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