@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! Generated by Fontspring (https://www.fontspring.com) on August 21, 2019 
* 
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and 
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2019 Fontspring
*
*
*/
@font-face {
  font-family: 'Zing rust demobase';
  src: url("fonts/zingrustdemo-base-webfont.woff2") format("woff2"), url("fonts/zingrustdemo-base-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

html {
  background: white;
}

body {
  background: white;
  -webkit-font-smoothing: antialiased;
  color: #1e1e1c;
  font-family: "Quicksand", sans-serif;
  height: 100%;
  max-width: 137.5rem;
  margin: auto;
  position: relative;
}

main {
  padding-top: 2.5rem;
  overflow-x: hidden;
}

.has-out-of-office main {
  padding-top: 8.75rem;
}

@media screen and (min-width: 640px) {
  .has-out-of-office main {
    padding-top: 8.125rem;
  }
}

@media screen and (min-width: 768px) {
  main {
    padding-top: 3.125rem;
  }
}

@media screen and (min-width: 960px) {
  .has-out-of-office main {
    padding-top: 7.125rem;
  }
}

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

@media screen and (min-width: 768px) {
  .wrapper {
    max-width: 68.75rem;
    margin: auto;
  }
}

.back-arrow {
  display: block;
  width: 1.5rem;
  height: 1.125rem;
}

.row {
  overflow: hidden;
}

.monochrome-button {
  display: inline-block;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  position: relative;
  z-index: 2;
  color: black;
  cursor: pointer;
  text-decoration: none;
  font-size: 1rem;
}

.monochrome-button .button-icon {
  position: absolute;
  width: 2.125rem;
  height: 2.125rem;
  display: block;
  left: 0.375rem;
  top: 4px;
}

.monochrome-button .button-icon svg path {
  fill: none;
}

.monochrome-button .text {
  display: block;
  position: relative;
  background: #303131;
  color: white;
  padding: 0.875rem;
  z-index: 3;
  cursor: pointer;
  border: 3px solid white;
  box-sizing: border-box;
}

.monochrome-button.has-icon .text {
  padding-left: 2.75rem;
}

.monochrome-button:hover .text, .monochrome-button:focus .text {
  background: white;
  color: #303131;
}

.monochrome-button:hover:after, .monochrome-button:focus:after {
  display: none;
}

@media screen and (min-width: 960px) {
  .monochrome-button {
    font-size: 1.4375rem;
  }
}

.constrained-wrapper {
  padding: 1.25rem;
  max-width: 43.125rem;
  margin: auto;
  overflow: hidden;
}

.constrained-wrapper > div {
  max-width: 100%;
}

.constrained-wrapper img {
  margin-bottom: 1.25rem;
}

.constrained-wrapper.constrained-wrapper--wide {
  max-width: 45.625rem;
}

@media screen and (min-width: 768px) {
  .constrained-wrapper {
    padding: 3.75rem 0;
  }
}

.content-wrapper {
  width: 100%;
  max-width: 63.75rem;
  margin: auto;
  padding: 2.5rem 1.25rem 1.25rem;
  box-sizing: border-box;
}

.content-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.content-wrapper.is-relative {
  position: relative;
}

@media screen and (min-width: 960px) {
  .large-col {
    float: left;
    width: 70%;
    padding-right: 1.875rem;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 960px) {
  .side-col {
    float: left;
    width: 30%;
  }
  .side-col.side-col--first {
    float: right;
  }
}

.main-text-page .social-list,
.social-list {
  text-align: center;
  margin-left: 0;
  margin: auto;
  margin-bottom: 1.875rem;
}

.main-text-page .social-list li,
.social-list li {
  display: inline-block;
  margin-right: 0.625rem;
}

.main-text-page .social-list li:last-child,
.social-list li:last-child {
  margin-right: 0;
  position: relative;
  top: -0.125rem;
}

.main-text-page .social-list li svg path,
.social-list li svg path {
  transition: 0.3s fill;
}

.main-text-page .social-list li .icon,
.social-list li .icon {
  width: 1.4375rem;
  height: 1.25rem;
  display: block;
}

.main-text-page .social-list li a:hover svg path,
.main-text-page .social-list li a:focus svg path,
.social-list li a:hover svg path,
.social-list li a:focus svg path {
  fill: #1e1e1c;
}

footer {
  background: #f3dd2e;
  color: #303131;
  font-size: 0.6875rem;
  font-weight: 400;
}

footer .wrapper {
  overflow: hidden;
  max-width: 65rem;
  margin: auto;
  padding: 2.5rem 1.25rem;
  box-sizing: border-box;
}

footer p {
  font-size: 0.6875rem;
  line-height: 1rem;
  margin-bottom: 1.25rem;
}

footer a {
  font-size: 0.6875rem;
  line-height: 1rem;
  color: black;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

footer a.hidden-link {
  text-decoration: none;
}

footer .social-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  margin: 0 0.25rem;
}

footer .social-icon.social-icon--twitter {
  width: 2.25rem;
}

footer .social-icon.social-icon--youtube {
  width: 2.3125rem;
}

footer .social-icon svg path {
  fill: black;
}

footer strong {
  font-weight: 700;
}

footer .footer-logo {
  display: block;
  width: 3.75rem;
  margin: auto;
  margin-bottom: 0.875rem;
}

footer .young-people-logo {
  margin-left: 0;
  margin-bottom: 3.125rem;
  max-width: 15rem;
  display: block;
}

footer .fundraising-regulator-logo {
  max-width: 11.25rem;
  height: auto;
  display: block;
  margin: 1.25rem 0;
}

footer h4 {
  font-family: "Quicksand", sans-serif;
  font-size: 0.8125rem;
  font-weight: bold;
}

footer .credits {
  background: black;
  color: white;
  text-align: center;
  display: block;
  padding: 0.625rem;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 0.875rem;
}

footer .footer-cols {
  margin-bottom: 2.5rem;
}

footer .footer-col {
  margin: auto;
  margin-bottom: 2.5rem;
  text-align: center;
  max-width: 18.125rem;
}

footer .footer-smallprint {
  margin: auto;
  text-align: center;
}

footer .footer-title {
  font-family: "Zing rust demobase";
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin-bottom: 0.75rem;
  color: black;
}

footer .hidden-link {
  font-weight: normal;
  text-decoration: underline;
}

footer .social-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (min-width: 360px) {
  footer {
    font-size: 0.8125rem;
  }
  footer p,
  footer a {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  footer h4 {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media screen and (min-width: 960px) {
  footer {
    font-size: 1rem;
  }
  footer .social-links {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  footer .wrapper {
    padding: 4.375rem 1.25rem 2.5rem;
  }
  footer .footer-cols {
    margin-bottom: 3.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .footer-col {
    margin: 0;
    width: 15rem;
    text-align: left;
  }
  footer .footer-col.footer-col--padded-top {
    padding-top: 0.75rem;
  }
  footer .footer-title {
    font-size: 1.75rem;
    line-height: 2rem;
  }
  footer .young-people-logo {
    margin-bottom: 7.375rem;
    margin-right: 0;
    margin-left: auto;
  }
  footer a {
    display: block;
  }
  footer .footer-logo {
    margin-left: 0;
  }
}

.download-button,
.main-text-page .download-button {
  display: inline-block;
  padding: 1rem 1.25rem;
  background: #e12a67;
  color: white;
  text-align: center;
  text-decoration: none;
}

.download-button:hover, .download-button:focus,
.main-text-page .download-button:hover,
.main-text-page .download-button:focus {
  background: #27a097;
  color: white;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 0.625rem;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.out-of-office {
  width: 100%;
  background: #3d2459;
  position: fixed;
  max-width: 137.5rem;
  z-index: 100;
}

.out-of-office .wrapper {
  top: 0;
  width: 100%;
  z-index: 22;
  padding: 10px;
  height: 7.5rem;
}

.out-of-office a {
  color: #f3dd2e;
  text-decoration: none;
}

.out-of-office p {
  margin-bottom: 0;
  font-size: 14px;
  color: white;
  font-weight: 700;
}

@media screen and (min-width: 640px) {
  .out-of-office {
    height: 5rem;
  }
  .out-of-office p {
    font-size: 1rem;
    text-align: center;
    max-width: 700px;
    margin: auto;
  }
}

@media screen and (min-width: 960px) {
  .out-of-office {
    height: 4rem;
  }
}

.main-header {
  background: #f3dd2e;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  transition: 0.3s background;
  height: 3.125rem;
  max-width: 137.5rem;
}

.has-out-of-office .main-header {
  top: 5.625rem;
  z-index: 101;
}

@media screen and (min-width: 640px) {
  .has-out-of-office .main-header {
    top: 5rem;
  }
}

@media screen and (min-width: 960px) {
  .has-out-of-office .main-header {
    top: 4rem;
  }
}

.home .logo-fill {
  fill: #ff7171;
}

.issues-template-default .logo-fill {
  fill: #1d5a68;
}

.blog .logo-fill,
.single-post .logo-fill {
  fill: #5b427c;
}

.page-template-what-we-do .logo-fill,
.single-projects .logo-fill {
  fill: #f7ca11;
}

.page-template-who-we-are .logo-fill {
  fill: #10f9f9;
}

.logo {
  margin: 0.5rem auto;
  position: absolute;
  left: 1.25rem;
  margin-bottom: 0;
}

.logo .logo-icon {
  display: block;
  width: 3.25rem;
  height: 2.0625rem;
  margin-right: 10px;
}

.logo .logo-text {
  position: absolute;
  right: -110%;
  top: 0.375rem;
  font-size: 12px;
  text-decoration: none;
  font-weight: 600;
  color: #333333;
}

@media screen and (min-width: 768px) {
  .logo {
    margin: 0.5rem 0.875rem 0.3125rem;
    margin-bottom: 0;
    left: 0.625rem;
    -ms-transform: translateX(0);
        transform: translateX(0);
  }
}

.branch-switch {
  display: none;
}

@media screen and (min-width: 768px) {
  .branch-switch {
    display: block;
    position: absolute;
    top: 20px;
    left: 180px;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
  }
  .branch-switch:hover, .branch-switch:focus {
    text-decoration: none;
  }
}

.top-nav {
  overflow: hidden;
  position: absolute;
  top: 0.8125rem;
  left: 1rem;
  margin-right: 0.25rem;
  opacity: 1;
  visibility: visible;
  transition: 0.3s opacity, 0.3s visibility 0.3s;
}

.top-nav a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  color: #303131;
  font-size: 1rem;
}

.top-nav a.donate-link {
  position: relative;
  top: -2px;
  display: none;
}

.top-nav li {
  display: inline-block;
  margin-right: 0.25rem;
}

.top-nav li a {
  display: inline-block;
}

.top-nav .menu-text {
  display: none;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}

.top-nav .menu-icon {
  display: none;
  width: 1.3125rem;
  height: 1.25rem;
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
}

@media screen and (min-width: 768px) {
  .top-nav {
    right: 4.375rem;
    left: auto;
    top: 1rem;
    padding-top: 0.25rem;
  }
  .top-nav li {
    margin-right: 1.875rem;
  }
  .top-nav a {
    position: relative;
    top: -0.5625rem;
  }
  .top-nav a.donate-link {
    top: -0.5625rem;
    display: block;
  }
  .top-nav .menu-icon {
    position: relative;
    top: 4px;
  }
  .top-nav .menu-icon,
  .top-nav .menu-text {
    display: inline-block;
  }
  .top-nav .menu-icon {
    -ms-transform: scaleX(1);
        transform: scaleX(1);
    margin-top: 0;
  }
  .top-nav .menu-text {
    text-decoration: none;
    color: #303131;
    font-size: 1rem;
  }
}

.menu-toggle {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  color: #303131;
  position: absolute;
  right: 0.625rem;
  top: 1rem;
  margin: 0 0.75rem;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1rem;
  opacity: 1;
  visibility: visible;
  transition: 0.3s opacity, 0.3s visibility 0.3s;
}

@media screen and (min-width: 768px) {
  .menu-toggle {
    margin: 1.25rem;
    margin-bottom: 0.625rem;
    margin-top: 1.0625rem;
    margin-left: 0;
    position: absolute;
    right: 0.625rem;
    top: 0;
  }
}

.main-nav {
  position: fixed;
  background: #303131;
  overflow-y: auto;
  top: 3.125rem;
  right: 0;
  transform: translate3d(100%, 0, 0);
  z-index: 100;
  height: 100%;
  overflow-y: auto;
  transition: 0.3s transform ease-out;
  width: 20rem;
  box-sizing: border-box;
  padding: 0.625rem 1.25rem;
}

.has-out-of-office .main-nav {
  top: 8.75rem;
}

.main-nav .menu-section {
  border-bottom: 1px solid white;
}

.main-nav .menu-section.single {
  padding-bottom: 0;
}

.main-nav .menu-section.last {
  padding-bottom: 0;
  border: 0;
}

.main-nav .view-all {
  color: white;
  text-decoration: none;
}

.main-nav h3 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding: 1.125rem 0;
  position: relative;
  color: #f3dd2e;
  display: block;
  cursor: pointer;
}

.main-nav h3 > a {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding: 0.625rem 0;
  position: relative;
  color: #f3dd2e;
}

.main-nav h3.social {
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
  font-weight: normal;
}

.main-nav h3 .toggle-section-icon {
  position: absolute;
  right: 0;
  padding: 1.125rem 0 1.125rem 0.9375rem;
  top: 0;
  transition: transform 0.3s ease-out;
  -ms-transform-origin: 25px 54%;
      transform-origin: 25px 54%;
}

.main-nav h3.open .toggle-section-icon {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.main-nav h4 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.625rem;
  padding: 0;
  padding-left: 1.25rem;
  position: relative;
  color: #f3dd2e;
  display: block;
}

.main-nav a {
  color: white;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.main-nav a:hover, .main-nav a:focus, .main-nav a.active {
  color: #e12a67;
}

.main-nav.open {
  transform: translate3d(0, 0, 0);
}

.main-nav .collapsable-section {
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s max-height ease-out;
}

.main-nav .collapsable-section .indented-menu {
  margin-left: 1.875rem;
}

.main-nav .collapsable-section.open {
  max-height: 37.5rem;
  padding-bottom: 1.25rem;
}

.main-nav .social-list {
  text-align: left;
  margin-top: 0.25rem;
  margin-bottom: 0.875rem;
}

.main-nav .social-list a {
  display: inline-block;
}

.main-nav .social-list a:hover svg path, .main-nav .social-list a:focus svg path {
  fill: #f3dd2e;
}

.main-nav .social-list .icon {
  width: 1.875rem;
  display: block;
}

.main-nav .social-list .icon.twitter {
  width: 2rem;
  top: -0.125rem;
  left: 0.125rem;
  position: relative;
}

.main-nav .social-list .icon.youtube {
  width: 2rem;
  top: -0.125rem;
  position: relative;
}

.main-nav .social-list svg path {
  fill: white;
}

@media screen and (min-width: 768px) {
  .main-nav {
    width: 100%;
    top: 3.125rem;
    transform: translate3d(0, 0, 0) translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s opacity ease-out, 0.3s visibility ease-out;
    padding-top: 2.5rem;
    left: 50%;
    max-width: 137.5rem;
    overflow: auto;
    height: calc(100% - 50px);
  }
  .has-out-of-office .main-nav {
    top: 7.5rem;
  }
  .main-nav.open {
    transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0) translateX(-50%);
    opacity: 1;
    visibility: visible;
  }
  .main-nav .menu-section {
    max-width: 25rem;
    margin: auto;
  }
  .main-nav .social-list .icon {
    width: 1.375rem;
  }
  .main-nav .social-list .icon.twitter {
    width: 1.5rem;
  }
  .main-nav .social-list .icon.youtube {
    width: 1.625rem;
  }
}

@media screen and (min-width: 960px) {
  .has-out-of-office .main-nav {
    top: 6.875rem;
  }
}

.mobile-only-links {
  margin-top: 1.25rem;
}

.mobile-only-links a {
  display: block;
  font-size: 12px;
  margin-bottom: 0.625rem;
}

.mobile-only-links a span {
  display: inline-block;
}

.mobile-only-links .menu-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
  position: relative;
}

.mobile-only-links .menu-icon svg path {
  fill: white;
}

@media screen and (min-width: 768px) {
  .mobile-only-links {
    display: none;
  }
}

.page-hero {
  padding: 2.5rem;
  background: white;
  height: 20rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.page-hero .hero-text {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: relative;
  z-index: 2;
  display: block;
  text-decoration: none;
}

.page-hero .hero-text:focus {
  outline: none;
}

.page-hero .hero-content {
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  position: absolute;
  width: 70%;
}

.page-hero h1 {
  color: #1e1e1c;
}

.page-hero .top-title {
  top: 10%;
}

.page-hero .bottom-image {
  position: absolute;
  bottom: -2.5rem;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  max-width: 23.75rem;
  width: 80%;
}

.page-hero .bottom-image.parent-image {
  bottom: 10%;
  max-width: 40px;
}

.page-hero .blog-label {
  text-align: center;
  text-transform: uppercase;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  font-style: italic;
  color: white;
}

.page-hero .blog-title {
  max-width: 90%;
  margin: auto;
  font-size: 2rem;
  line-height: 2.375rem;
  color: white;
}

.page-hero.issues-hero {
  background: #3d2459;
}

.page-hero.issues-hero h1.slanty-title {
  color: white;
}

.page-hero.yellow {
  background-color: #f3dd2e;
}

.page-hero.yellow h1.slanty-title {
  color: #303131;
}

.page-hero.teal {
  background-color: #27a097;
}

.page-hero.teal h1.slanty-title {
  color: white;
}

.page-hero.purple {
  background-color: #3d2459;
}

.page-hero.purple h1.slanty-title {
  color: white;
}

.page-hero.fuschia {
  background-color: #e12a67;
}

.page-hero.fuschia h1.slanty-title {
  color: white;
}

.page-hero.dark-grey {
  background: #303131;
}

.page-hero.dark-grey h1.slanty-title {
  color: white;
}

.page-hero.white .blog-label,
.page-hero.white .blog-title {
  color: #303131;
}

.page-hero.drop-in-hero {
  background: #27a097;
}

.page-hero.drop-in-hero h1.slanty-title {
  color: white;
}

.page-hero.resilience-hero {
  background-image: url(images/resilience-lab/dark@2x.png);
  background-repeat: repeat;
}

.page-hero.resilience-hero .hero-text {
  background: url(images/resilience-lab/the-resilience-lab-title.svg) no-repeat center center;
  height: 8.125rem;
  background-size: contain;
  margin: auto;
  width: 90%;
  max-width: 37.5rem;
}

.page-hero.resilience-hero .hero-text h1 {
  display: none;
}

.page-hero .mountain-image {
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  max-width: 25rem;
}

@media screen and (min-width: 768px) {
  .page-hero {
    height: 22.5rem;
  }
  .page-hero.drop-in-hero {
    height: 26.25rem;
  }
  .page-hero h1 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-hero .bottom-image {
    bottom: -25%;
    max-width: 23.75rem;
  }
  .page-hero .blog-title {
    max-width: 80%;
    font-size: 3.75rem;
    line-height: 3.75rem;
  }
}

@media screen and (min-width: 1200px) {
  .page-hero.blog-hero {
    height: 28.75rem;
  }
  .page-hero .blog-title {
    max-width: 70%;
    font-size: 5rem;
    line-height: 5rem;
  }
  .page-hero .mountain-image {
    max-width: 32.5rem;
  }
}

.home .main-header .logo {
  transition: 0.5s ease-out opacity;
}

.home .main-header .logo.is-showing {
  opacity: 1;
}

.home-intro {
  background-color: #27a097;
  padding: 3.75rem 1.25rem;
  text-align: center;
}

.home-intro .large-logo {
  display: block;
  width: 60%;
  max-width: 20rem;
  margin: auto;
  margin-bottom: 2.5rem;
}

.home-intro .large-logo path,
.home-intro .large-logo polygon,
.home-intro .large-logo rect {
  fill: #f3dd2e;
}

.home-intro p {
  color: white;
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin: auto;
  font-weight: 700;
}

.home-intro a {
  background: #f3dd2e;
  color: #303131;
  text-decoration: none;
  transition: 0.3s background ease-out, 0.3s color ease-out;
}

.home-intro a:hover, .home-intro a:focus {
  background: #e12a67;
  color: white;
}

.home-intro .video-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 37.5rem;
  margin: auto;
}

.home-intro .video-link {
  display: block;
  margin: auto;
  width: 10.625rem;
  background: none;
  margin-top: 3.125rem;
  color: white;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
}

.home-intro .video-link:hover, .home-intro .video-link:focus {
  background: none;
}

.home-intro .video-link:hover svg circle, .home-intro .video-link:focus svg circle {
  fill: #e12a67;
}

.home-intro .video-link:hover svg polyline, .home-intro .video-link:focus svg polyline {
  fill: white;
}

.home-intro .video-link:hover .video-play-icon, .home-intro .video-link:focus .video-play-icon {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

.home-intro .video-play-icon {
  display: block;
  margin: auto;
  width: 6.25rem;
  height: 6.25rem;
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  transition: 0.3s ease-out transform;
  -ms-transform: scale(1);
      transform: scale(1);
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 768px) {
  .home-intro {
    padding: 5rem 1.25rem;
  }
  .home-intro p {
    font-size: 1.375rem;
    line-height: 2.375rem;
    max-width: 70%;
    margin: auto;
  }
}

@media screen and (min-width: 1200px) {
  .home-intro p {
    font-size: 1.625rem;
    line-height: 2.625rem;
  }
}

@media screen and (min-width: 1600px) {
  .home-intro p {
    font-size: 1.875rem;
    line-height: 3.1875rem;
    max-width: 73.75rem;
  }
}

.home-whats-going-on {
  background: #3d2459;
  padding: 1.25rem 1.875rem;
  box-sizing: border-box;
  position: relative;
}

.home-whats-going-on .hero-text {
  max-width: 37.5rem;
  margin: auto;
  text-align: center;
  color: #1e1e1c;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.home-whats-going-on .hero-text h1 {
  font-size: 2.25rem;
  line-height: 2.625rem;
  margin: auto;
  width: 90%;
  margin-bottom: 2.5rem;
}

.home-whats-going-on .hero-text h2 {
  font-family: "Quicksand", sans-serif;
  margin-bottom: 1.25rem;
  font-weight: bold;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}

.home-whats-going-on .hero-text p {
  font-size: 0.9375rem;
  line-height: 1.25rem;
}

.home-whats-going-on .monochrome-button {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  bottom: 3.75rem;
  min-width: 13.75rem;
}

@media screen and (min-width: 768px) {
  .home-whats-going-on .hero-text {
    max-width: 43.75rem;
  }
}

@media screen and (min-width: 960px) {
  .home-whats-going-on .hero-text h1 {
    font-size: 3.875rem;
    line-height: 4.5rem;
    max-width: 43.75rem;
    margin-bottom: 3.125rem;
  }
  .home-whats-going-on .hero-text h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
  }
  .home-whats-going-on .hero-text p {
    font-size: 1.4375rem;
    line-height: 1.75rem;
  }
}

.home-grid {
  overflow: hidden;
  width: 100%;
}

.home-grid .grid-item {
  height: 23.75rem;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  overflow: hidden;
  color: white;
}

.home-grid .grid-item.full-width {
  width: 100%;
  max-height: 17.5rem;
}

.home-grid .grid-item h2 {
  font-family: "Zing rust demobase";
  font-size: 1.75rem;
  line-height: 2rem;
  transition: 0.5s opacity ease-out;
  padding: 1.875rem 2.5rem;
  text-decoration: none;
  margin: auto;
  box-sizing: border-box;
  max-width: 15rem;
  text-align: center;
}

.home-grid .grid-item .block-link:hover img, .home-grid .grid-item .block-link:focus img {
  bottom: 0;
}

.home-grid .grid-item.testimonial-grid {
  height: 21.25rem;
}

.home-grid .grid-item.hubs {
  background: #f3dd2e;
}

.home-grid .grid-item.hubs .block-link h2 {
  color: #303131;
}

.home-grid .grid-item.hubs .block-link:hover .hubs-image,
.home-grid .grid-item.hubs .block-link:focus .hubs-image {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

.home-grid .grid-item.hubs .hubs-image {
  max-width: 100%;
  -ms-transform: scale(1);
      transform: scale(1);
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  transition: 0.3s transform ease-out;
  max-height: 60%;
  width: auto;
  height: auto;
  display: block;
  margin: auto;
}

.home-grid .grid-item.parents-block {
  background: #cde4d8;
}

.home-grid .grid-item.news-block {
  background: #f8b2ab;
}

.home-grid .grid-item.support-block {
  background: #27a097;
  text-align: center;
}

.home-grid .grid-item.support-block p {
  color: white;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

.home-grid .grid-item.support-block .support-chevrons {
  -ms-transform: scale(1);
      transform: scale(1);
  transition: 0.3s transform ease-out;
  display: block;
  width: 50%;
  max-width: 13.75rem;
  height: auto;
  margin: auto;
}

.home-grid .grid-item.support-block a:focus .support-chevrons,
.home-grid .grid-item.support-block a:hover .support-chevrons {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

.home-grid .grid-item .block-link {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.home-grid .grid-item .block-link h2 {
  color: white;
}

.home-grid .grid-item.what-we-do {
  background: #e12a67;
}

.home-grid .grid-item.newsletter {
  background: url(images/newsletter-pattern.jpg) repeat top left;
  color: #fcf8db;
}

.home-grid .grid-item.newsletter h2 {
  color: white;
}

.home-grid .grid-item.newsletter .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
}

.home-grid .grid-item.newsletter p {
  font-size: 0.875rem;
  line-height: 1.375rem;
  max-width: 18.75rem;
  margin: auto;
  margin-bottom: 0.625rem;
  font-weight: 700;
  color: #fcf8db;
}

.home-grid .grid-item.newsletter input[type=email] {
  padding: 0.5rem 0.625rem;
  width: 12.5rem;
  margin: auto;
  margin-bottom: 1.25rem;
  border: 0;
  text-align: center;
  display: block;
  border-radius: 0;
  font-size: 1rem;
}

.home-grid .grid-item.newsletter input[type=submit] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.home-grid .grid-item.newsletter .newsletter-icon {
  display: block;
  width: 4.625rem;
  height: 4.25rem;
  margin: auto;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

.home-grid .grid-item.newsletter .newsletter-icon img {
  max-width: 100%;
  height: auto;
  display: block;
}

.home-grid .grid-item.newsletter svg path {
  fill: white;
}

.home-grid .grid-item .mountain-image {
  display: block;
  height: auto;
  width: 200%;
  max-width: none;
  position: absolute;
  bottom: -15%;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  transition: 0.5s bottom ease-out;
}

.home-grid .grid-item img {
  width: 90%;
  margin: auto;
  height: auto;
  display: block;
  position: static;
}

.home-grid .grid-item .news-image {
  position: absolute;
  left: 50%;
  bottom: -3.75rem;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  max-width: 17.5rem;
}

.home-grid .grid-item .door-image {
  position: absolute;
  left: 50%;
  bottom: 0;
  max-width: 17.5rem;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.home-grid .grid-item .parents-image {
  max-width: 12.5rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.home-grid .grid-item .who-we-are-image {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: 20rem;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.home-grid .grid-item .support-image {
  margin-top: 1.25rem;
}

.home-grid .grid-item .telephone-icon {
  display: block;
  width: 6rem;
  height: 2.875rem;
  margin: auto;
  position: absolute;
  left: 50%;
  bottom: 10%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

@media screen and (min-width: 480px) {
  .home-grid .grid-item {
    height: 22.5rem;
  }
  .home-grid .grid-item.testimonial-grid {
    height: 22.5rem;
  }
  .home-grid .grid-item h2 {
    padding: 1.875rem 5rem;
    max-width: 25rem;
    position: relative;
    z-index: 2;
  }
  .home-grid .grid-item.newsletter .newsletter-icon {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
  }
  .home-grid .grid-item .parents-image {
    max-width: 23.75rem;
  }
  .home-grid .grid-item .mountain-image {
    width: 120%;
    bottom: -20%;
  }
  .home-grid .grid-item .who-we-are-image {
    max-width: 28.75rem;
    z-index: 1;
  }
  .home-grid .grid-item .telephone-icon {
    bottom: 15%;
  }
  .home-grid .grid-item .news-image {
    max-width: 26.25rem;
  }
}

@media screen and (min-width: 768px) {
  .home-grid .grid-item {
    float: left;
    width: 50%;
    height: 23.75rem;
  }
  .home-grid .grid-item.testimonial-grid {
    height: 23.75rem;
  }
  .home-grid .grid-item.full-width {
    width: 100%;
    max-height: 23.75rem;
  }
  .home-grid .grid-item h2 {
    font-size: 2.875rem;
    line-height: 2.5rem;
    padding: 1.875rem 2.5rem;
    max-width: 37.5rem;
  }
  .home-grid .grid-item.drop-in h2 {
    max-width: 21.25rem;
  }
  .home-grid .grid-item .mountain-image {
    width: 160%;
    bottom: -10%;
  }
  .home-grid .grid-item.large {
    width: 50%;
  }
  .home-grid .grid-item.newsletter .newsletter-icon {
    margin-top: 1.875rem;
    margin-bottom: 1.25rem;
  }
  .home-grid .grid-item.newsletter p {
    max-width: 25rem;
  }
  .home-grid .grid-item .parents-image {
    max-width: 21.25rem;
  }
  .home-grid .grid-item .door-image {
    max-width: 21.25rem;
  }
  .home-grid .grid-item .support-image {
    margin-top: 1.25rem;
  }
  .home-grid .grid-item .telephone-icon {
    width: 12.1875rem;
    height: 5.75rem;
    bottom: 20%;
  }
}

@media screen and (min-width: 960px) {
  .home-grid .grid-item h2 {
    padding: 1.875rem 3.75rem;
    max-width: 30rem;
  }
  .home-grid .grid-item.newsletter .newsletter-icon {
    margin-top: 1.875rem;
    margin-bottom: 1.25rem;
  }
  .home-grid .grid-item.newsletter p {
    font-size: 1.125rem;
    line-height: 1.375rem;
    max-width: 27.5rem;
    margin-bottom: 1.25rem;
  }
  .home-grid .grid-item.newsletter input[type=email] {
    font-size: 1.25rem;
    width: 23.75rem;
    margin-bottom: 1.875rem;
    display: inline-block;
  }
  .home-grid .grid-item .news-image {
    bottom: -5.625rem;
  }
  .home-grid .grid-item .mountain-image {
    width: 130%;
  }
}

@media screen and (min-width: 1200px) {
  .home-grid .grid-item {
    width: 50%;
  }
  .home-grid .grid-item.newsletter p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .home-grid .grid-item .parents-image {
    max-width: 13.75rem;
  }
  .home-grid .grid-item .news-image {
    bottom: -3.125rem;
  }
  .home-grid .grid-item .mountain-image {
    width: 150%;
    bottom: -30%;
  }
}

@media screen and (min-width: 1400px) {
  .home-grid .grid-item {
    height: 36.25rem;
  }
  .home-grid .grid-item.testimonial-grid {
    height: 36.25rem;
  }
  .home-grid .grid-item h2 {
    font-size: 3.25rem;
    line-height: 3.875rem;
    padding: 3.75rem 5rem 1.25rem;
    max-width: 40rem;
  }
  .home-grid .grid-item .parents-image {
    max-width: 13.75rem;
  }
  .home-grid .grid-item .news-image {
    bottom: -5.625rem;
  }
  .home-grid .grid-item .mountain-image {
    width: 120%;
    bottom: -20%;
  }
}

@media screen and (min-width: 1600px) {
  .home-grid .grid-item .news-image {
    bottom: -3.125rem;
  }
  .home-grid .grid-item.large {
    height: 32.5rem;
  }
  .home-grid .grid-item .mountain-image {
    bottom: -20%;
  }
  .home-grid .grid-item .parents-image {
    max-width: 21.25rem;
  }
  .home-grid .grid-item .support-image {
    margin-top: 3.75rem;
  }
  .home-grid .grid-item .door-image {
    max-width: 36.25rem;
  }
}

@media screen and (min-width: 1882px) {
  .home-grid .grid-item {
    height: 40rem;
  }
  .home-grid .grid-item.testimonial-grid {
    height: 40rem;
  }
  .home-grid .grid-item h2 {
    padding-top: 5rem;
  }
  .home-grid .grid-item .news-image {
    bottom: -5.625rem;
  }
  .home-grid .grid-item .mountain-image {
    bottom: -10%;
  }
  .home-grid .grid-item .support-image {
    margin-top: 3.75rem;
  }
  .home-grid .grid-item .door-image {
    max-width: 42.5rem;
  }
  .home-grid .grid-item .parents-image {
    max-width: 27.5rem;
  }
  .home-grid .grid-item.large {
    height: 35rem;
  }
}

@media screen and (min-width: 2060px) {
  .home-grid .grid-item .news-image {
    bottom: -5.625rem;
  }
  .home-grid .grid-item .door-image {
    max-width: 45.625rem;
  }
  .home-grid .grid-item .mountain-image {
    bottom: -10%;
  }
  .home-grid .grid-item.large {
    height: 41.25rem;
  }
}

.home-popup {
  background: #27a097;
  padding: 40px 40px;
  text-align: center;
  max-width: 640px;
  margin: auto;
}

.home-popup p {
  color: white;
  font-size: 18px;
  line-height: 26px;
}

.home-popup .wrapper {
  margin: auto;
}

.home-popup .large-logo {
  width: 80%;
  max-width: 320px;
  margin: auto;
  margin-bottom: 40px;
}

.home-popup .button {
  display: block;
  max-width: 400px;
  font-size: 18px;
  margin: auto;
  padding: 10px;
  margin-bottom: 40px;
  color: white;
  text-decoration: none;
}

.home-popup a {
  display: block;
  text-decoration: underline;
  color: #f3dd2e;
  font-weight: bold;
}

.home-popup h1 {
  margin-bottom: 40px;
}

.home-popup .round-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 320px;
  margin: auto;
}

.home-popup .round-buttons .round-button {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  padding: 20px;
  color: white;
  text-decoration: none;
  background: #e12a67;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.home-popup .round-buttons .round-button:hover, .home-popup .round-buttons .round-button:focus {
  background: #3d2459;
}

.take-part-button {
  width: 6.25rem;
  height: 6.25rem;
  display: block;
  position: relative;
  margin: auto;
  margin-bottom: 1.25rem;
}

.take-part-button p {
  color: black;
}

.take-part-button .support-button-icon {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  display: block;
}

.take-part-button #take-part-circle {
  fill: #e12a67;
  transition: fill 0.3s ease-out;
}

.take-part-button #signup path,
.take-part-button #hand path {
  fill: white;
}

.take-part-button:hover #signup path,
.take-part-button:hover #hand path, .take-part-button:focus #signup path,
.take-part-button:focus #hand path {
  fill: white;
}

.take-part-button:hover #take-part-circle, .take-part-button:focus #take-part-circle {
  fill: #fffca1;
}

.take-part-button:active {
  top: 8px;
}

.take-part-button:active .shadow {
  display: none;
}

@media screen and (min-width: 768px) {
  .take-part-button {
    width: 7.5rem;
    height: 7.5rem;
  }
  .take-part-button .shadow {
    top: 0.25rem;
    width: 7.5rem;
    height: 7.5rem;
  }
}

.support-button {
  width: 12.5rem;
  height: 3.125rem;
  display: block;
  margin: auto;
  margin-top: 2.5rem;
}

.support-button .support-button-icon {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  display: block;
}

.support-button:hover rect, .support-button:focus rect {
  fill: #991f50;
}

.sigup-for-support {
  background: #f15b4c;
  padding: 2.5rem;
  box-sizing: border-box;
  display: block;
  text-align: center;
  text-decoration: none;
}

.sigup-for-support:hover, .sigup-for-support:focus {
  background: #f5867b;
}

.sigup-for-support .text {
  color: white;
  font-size: 1.25rem;
}

.signup-mode .sliding-content {
  transform: translate3d(-100%, 0, 0);
}

.signup-mode.signup-wrapper {
  height: 37.5rem;
}

@media screen and (min-width: 768px) {
  .signup-mode .site-wrapper {
    height: 100vh;
  }
}

.signup-wrapper {
  position: relative;
  width: 100%;
  background: white;
  z-index: 2;
}

.signup-wrapper.sliding-content-open .content-wrapper,
.signup-wrapper.sliding-content-open .project-grid {
  display: none;
}

.sliding-content {
  left: 0 !important;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: 0.5s transform ease-out;
  position: relative;
  height: 100%;
}

.sliding-content .content-wrapper {
  padding-top: 10rem;
}

.sliding-content .support-button-holder {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  top: 1.25rem;
}

@media screen and (min-width: 768px) {
  .sliding-content .content-wrapper {
    padding-top: 10.625rem;
  }
}

.support-signup-area {
  position: absolute;
  z-index: 1;
  top: 0;
  background: #f3dd2e;
  transform: translate3d(100%, 0, 0);
  width: 100%;
  height: 100%;
  transition: 0.3s transform ease-out;
  color: black;
  display: block;
}

.support-signup-area.showing {
  display: block;
}

.support-signup-area .support-icon {
  width: 3.125rem;
  height: 3.125rem;
  display: block;
  margin: auto;
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 768px) {
  .support-signup-area .support-icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.support-wrapper {
  position: relative;
  height: 100%;
  margin: auto;
}

.support-wrapper h2 {
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.support-wrapper .signup-back {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .support-wrapper {
    height: 540px;
  }
}

.support-intro {
  padding: 2.5rem;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (min-width: 960px) {
  .support-intro {
    height: calc(20vh - 52px);
  }
}

.support-intro h2 {
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

@media screen and (min-width: 960px) {
  .support-intro h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
  }
}

.support-form input[type=checkbox] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.support-form input[type=text],
.support-form input[type=email] {
  display: block;
  border-radius: 0;
  width: 100%;
  padding: 0.625rem 1.25rem;
  background: white;
  border: 0;
  font-size: 1rem;
  color: black;
  box-sizing: border-box;
  border: 1px solid transparent;
}

.support-form .error-message {
  display: none;
  margin: auto;
  padding-top: 0.625rem;
  padding-left: 1.25rem;
}

.support-form .error input[type=text],
.support-form .error input[type=email] {
  background: #fcddda;
  border: 1px solid #1e1e1c;
}

.support-form .error .error-message {
  display: block;
}

.support-form .center {
  text-align: center;
}

.support-form .monochrome-button {
  margin: auto;
}

.support-form .monochrome-button .text {
  border: none;
}

.support-form .monochrome-button input[type=submit] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .support-form input[type=text],
  .support-form input[type=email] {
    font-size: 1.25rem;
  }
}

.custom-check {
  width: 100%;
  position: relative;
  margin-bottom: 1.25rem;
  cursor: pointer;
}

.custom-check label {
  width: 88%;
  position: relative;
  padding-left: 2.625rem;
  padding-top: 0.125rem;
  font-size: 1rem;
  float: left;
  padding-left: 3.125rem;
  cursor: pointer;
  color: black;
  display: inline;
  margin-bottom: 1.25rem;
}

.error .custom-check label {
  text-decoration: underline;
}

.custom-check label:before {
  content: '';
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 4px solid #1e1e1c;
}

.custom-check label:after {
  content: '';
  width: 0.875rem;
  height: 0.375rem;
  position: absolute;
  top: 0.5rem;
  left: 0.375rem;
  border: 5px solid #1e1e1c;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -ms-transform: rotate(-55deg);
      transform: rotate(-55deg);
}

.custom-check label:hover::after {
  opacity: 0.3;
}

.custom-check label a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

.custom-check label a:focus, .custom-check label a:hover {
  color: #f3dd2e;
}

.custom-check input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.custom-check input[type=checkbox]:focus + label:before {
  outline: 4px solid #f15b4c;
}

.custom-check input[type=checkbox]:checked + label:after {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .custom-check label {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.form-row {
  margin-bottom: 0.625rem;
  clear: both;
}

.signup-thanks {
  background: #f15b4c;
  color: white;
}

::-webkit-input-placeholder {
  color: #1e1e1c;
}

::-moz-placeholder {
  color: #1e1e1c;
}

:-ms-input-placeholder {
  color: #1e1e1c;
}

:-moz-placeholder {
  color: #1e1e1c;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-size: 16px;
  }
}

.signup-slider.slick-slider {
  text-align: center;
  padding: 1.25rem 2.5rem;
  margin-bottom: 2.5rem;
}

.understanding-hero {
  background: #cde4d8;
}

.understanding-hero h1 {
  color: #f15b4c;
}

.understanding-grid ul {
  overflow: hidden;
}

.understanding-grid li {
  background: #deede5;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  height: 13.75rem;
}

.understanding-grid li:nth-child(odd) {
  background: #eef6f2;
}

.understanding-grid li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.understanding-grid li a:hover, .understanding-grid li a:focus {
  background: #f8b2ab;
}

.understanding-grid li .mood-content {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.understanding-grid li .mood-icon {
  display: block;
  margin: auto;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1.25rem;
}

.understanding-grid li .text {
  display: block;
  margin: auto;
  width: 80%;
  text-decoration: none;
  color: black;
}

@media screen and (min-width: 360px) {
  .understanding-grid li {
    width: 50%;
    float: left;
  }
  .understanding-grid li:nth-child(odd) {
    background: #deede5;
  }
  .understanding-grid li:nth-child(2), .understanding-grid li:nth-child(3), .understanding-grid li:nth-child(6), .understanding-grid li:nth-child(7), .understanding-grid li:nth-child(10) {
    background: #eef6f2;
  }
}

@media screen and (min-width: 960px) {
  .understanding-grid li {
    width: 20%;
    text-align: center;
  }
  .understanding-grid li:nth-child(2), .understanding-grid li:nth-child(3), .understanding-grid li:nth-child(6), .understanding-grid li:nth-child(7), .understanding-grid li:nth-child(10) {
    background: #deede5;
  }
  .understanding-grid li:nth-child(odd) {
    background: #eef6f2;
  }
  .understanding-grid li .mood-content {
    height: 80%;
    position: relative;
  }
  .understanding-grid li .mood-icon {
    margin-bottom: 1.875rem;
  }
  .understanding-grid li .mood-icon svg path,
  .understanding-grid li .mood-icon svg line,
  .understanding-grid li .mood-icon svg circle,
  .understanding-grid li .mood-icon svg polygon,
  .understanding-grid li .mood-icon svg polyline {
    stroke-width: 4px;
  }
  .understanding-grid li .text {
    font-size: 1rem;
    line-height: 1.375rem;
    width: 90%;
  }
}

@media screen and (min-width: 1400px) {
  .understanding-grid li {
    height: 18.125rem;
  }
  .understanding-grid li .mood-content {
    height: 70%;
  }
  .understanding-grid li .mood-icon {
    margin-bottom: 3.125rem;
  }
}

.hero-banner {
  height: 12.5rem;
  background: #27a097;
  text-align: center;
  position: relative;
}

.hero-banner .wrapper {
  position: relative;
  height: 100%;
}

.hero-banner .hero-content {
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  position: absolute;
  width: 70%;
}

.hero-banner h1 {
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #1e1e1c;
  text-align: center;
  margin: auto;
  display: inline-block;
}

.hero-banner h1.has-bg {
  padding: 0.625rem 0.875rem;
}

.hero-banner h1.has-bg.yellow {
  background-color: #f3dd2e;
}

.hero-banner h1.has-bg.teal {
  background-color: #27a097;
}

.hero-banner h1.has-bg.purple {
  background-color: #3d2459;
}

.hero-banner h1.has-bg.fuschia {
  background-color: #e12a67;
}

.hero-banner h1.has-bg.dark-grey {
  background: #303131;
}

.hero-banner .back-arrow-link {
  display: block;
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
}

.hero-banner .back-arrow-link:hover .back-arrow svg polyline,
.hero-banner .back-arrow-link:hover .back-arrow svg line, .hero-banner .back-arrow-link:focus .back-arrow svg polyline,
.hero-banner .back-arrow-link:focus .back-arrow svg line {
  stroke: #1e1e1c;
}

.hero-banner .mood-icon {
  display: block;
  margin: auto;
  width: 7.5rem;
  height: 7.5rem;
  margin-bottom: 0;
  z-index: 2;
  position: relative;
}

.hero-banner .mood-icon.has-bg {
  border-radius: 50%;
}

.hero-banner .mood-icon.has-bg.yellow {
  background-color: #f6e55e;
}

.hero-banner .mood-icon.has-bg.teal {
  background-color: #27a097;
}

.hero-banner .mood-icon.has-bg.purple {
  background-color: #3d2459;
}

.hero-banner .mood-icon.has-bg.fuschia {
  background-color: #e12a67;
}

.hero-banner .mood-icon.has-bg.dark-grey {
  background: #303131;
}

.hero-banner.yellow {
  background-color: #f6e55e;
}

.hero-banner.yellow .mood-icon path,
.hero-banner.yellow .mood-icon circle {
  stroke: #303131;
}

.hero-banner.teal {
  background-color: #27a097;
}

.hero-banner.purple {
  background-color: #3d2459;
}

.hero-banner.purple h1 {
  color: white;
}

.hero-banner.fuschia {
  background-color: #e12a67;
}

.hero-banner.fuschia h1 {
  color: white;
}

.hero-banner.dark-grey {
  background: #303131;
}

.hero-banner.dark-grey h1 {
  color: white;
}

@media screen and (min-width: 360px) {
  .hero-banner {
    height: 18.75rem;
  }
}

@media screen and (min-width: 768px) {
  .hero-banner {
    height: 18.75rem;
  }
  .hero-banner .mood-icon {
    width: 8.75rem;
    height: 8.75rem;
    margin-bottom: 1.25rem;
  }
  .hero-banner h1 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
}

@media screen and (min-width: 1400px) {
  .hero-banner {
    height: 23.75rem;
  }
}

.side-col h3 {
  color: #e12a67;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  margin-bottom: 1.875rem;
}

.issues-intro,
.projects-you-may-be-interested-in {
  text-align: center;
}

.issues-intro.yellow,
.projects-you-may-be-interested-in.yellow {
  background-color: #f4e146;
}

.issues-intro.teal,
.projects-you-may-be-interested-in.teal {
  background-color: #2cb5aa;
}

.issues-intro.purple,
.projects-you-may-be-interested-in.purple {
  background-color: #492b6b;
}

.issues-intro.purple h1.slanty-title,
.issues-intro.purple p,
.projects-you-may-be-interested-in.purple h1.slanty-title,
.projects-you-may-be-interested-in.purple p {
  color: white;
}

.issues-intro.fuschia,
.projects-you-may-be-interested-in.fuschia {
  background-color: #e44077;
}

.issues-intro.fuschia h1.slanty-title,
.issues-intro.fuschia p,
.projects-you-may-be-interested-in.fuschia h1.slanty-title,
.projects-you-may-be-interested-in.fuschia p {
  color: white;
}

.issues-intro.dark-grey,
.projects-you-may-be-interested-in.dark-grey {
  background: #3d3e3e;
}

.issues-intro.dark-grey h1.slanty-title,
.issues-intro.dark-grey p,
.projects-you-may-be-interested-in.dark-grey h1.slanty-title,
.projects-you-may-be-interested-in.dark-grey p {
  color: white;
}

.issues-intro p,
.projects-you-may-be-interested-in p {
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-bottom: 1.25rem;
}

.issues-intro p:first-of-type,
.projects-you-may-be-interested-in p:first-of-type {
  font-family: "Quicksand", sans-serif;
}

.issues-intro p:last-child,
.projects-you-may-be-interested-in p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .issues-intro p,
  .projects-you-may-be-interested-in p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.issues {
  padding-bottom: 2.5rem;
  background: #3d2459;
}

.issues ul {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

.issues li {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  width: 50%;
}

.issues li a {
  display: block;
  text-decoration: none;
}

.issues li .block-link {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.issues li .block-link:hover .mood-icon, .issues li .block-link:focus .mood-icon {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
}

.issues li .issue {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0.625rem;
  margin-top: 0;
}

.issues li .mood-icon {
  display: block;
  margin: auto;
  width: 6.25rem;
  height: 6.25rem;
  z-index: 2;
  position: relative;
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  transition: 0.3s ease-out transform;
  -ms-transform: scale(1);
      transform: scale(1);
}

.issues li .text {
  display: block;
  text-align: center;
  width: 94%;
  margin: auto;
  margin-top: 0.625rem;
  text-decoration: none;
  color: white;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

@media screen and (min-width: 480px) {
  .issues li .mood-icon {
    width: 7.5rem;
    height: 7.5rem;
  }
  .issues li .text {
    margin: auto;
    font-size: 1rem;
    line-height: 1.375rem;
    width: 90%;
  }
}

@media screen and (min-width: 768px) {
  .issues .wrapper {
    max-width: 68.75rem;
    margin: auto;
  }
  .issues ul {
    height: 100%;
  }
  .issues li {
    width: 33.333%;
    padding: 0 0.625rem;
    text-align: center;
  }
  .issues li .issue {
    margin-bottom: 1.5rem;
  }
  .issues li .mood-icon {
    float: none;
    margin: auto;
    width: 8.125rem;
    height: 7.8125rem;
  }
  .issues li .mood-icon svg path,
  .issues li .mood-icon svg line,
  .issues li .mood-icon svg circle,
  .issues li .mood-icon svg polygon,
  .issues li .mood-icon svg polyline {
    stroke-width: 4px;
  }
}

@media screen and (min-width: 1200px) {
  .issues ul {
    margin-bottom: 5rem;
  }
  .issues li .text {
    font-size: 1.125rem;
    line-height: 1.375rem;
    max-width: 66%;
  }
}

@media screen and (min-width: 1882px) {
  .issues li .mood-icon {
    width: 13.75rem;
    height: 13rem;
  }
}

.projects-you-may-be-interested-in h1.slanty-title {
  color: #1e1e1c;
}

.more-about-mental-health-cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.25rem;
  border: 2px solid #f3dd2e;
  text-decoration: none;
  text-align: center;
  color: white;
  transition: 0.3s ease-out background, 0.3s ease-out color;
  width: calc(100% - 40px);
  margin: auto;
}

.more-about-mental-health-cta .lightbulb-icon {
  width: 100%;
  height: auto;
  max-width: 3.75rem;
  margin: auto;
  margin-bottom: 1.25rem;
}

.more-about-mental-health-cta .lightbulb-icon .yellow-path {
  transition: 0.3s fill ease-out;
}

.more-about-mental-health-cta p {
  width: 100%;
  color: white;
  font-weight: 700;
  margin-bottom: 0;
}

.more-about-mental-health-cta:hover, .more-about-mental-health-cta:focus {
  background: #f3dd2e;
  color: #3d2459;
}

.more-about-mental-health-cta:hover p, .more-about-mental-health-cta:focus p {
  color: #3d2459;
}

.more-about-mental-health-cta:hover .yellow-path, .more-about-mental-health-cta:focus .yellow-path {
  fill: #3d2459;
}

@media screen and (min-width: 768px) {
  .more-about-mental-health-cta {
    -ms-flex-align: center;
        align-items: center;
    max-width: 84%;
    margin: auto;
  }
  .more-about-mental-health-cta .lightbulb-icon {
    margin: 0;
  }
  .more-about-mental-health-cta p {
    -ms-flex: 1;
        flex: 1;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .more-about-mental-health-cta {
    max-width: 43.75rem;
    margin-bottom: 5rem;
  }
  .more-about-mental-health-cta .lightbulb-icon {
    max-width: 5.625rem;
  }
  .more-about-mental-health-cta p {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.who-we-are-hero {
  background-color: #f3dd2e;
  background-repeat: repeat;
  height: 32.5rem;
  box-sizing: border-box;
  position: relative;
}

.who-we-are-hero.yellow {
  background-color: #f3dd2e;
}

.who-we-are-hero.yellow h1.slanty-title,
.who-we-are-hero.yellow h2 {
  color: #303131;
}

.who-we-are-hero.teal {
  background-color: #27a097;
}

.who-we-are-hero.teal h1.slanty-title,
.who-we-are-hero.teal h2 {
  color: white;
}

.who-we-are-hero.purple {
  background-color: #3d2459;
}

.who-we-are-hero.purple h1.slanty-title,
.who-we-are-hero.purple h2 {
  color: white;
}

.who-we-are-hero.fuschia {
  background-color: #e12a67;
}

.who-we-are-hero.fuschia h1.slanty-title,
.who-we-are-hero.fuschia h2 {
  color: white;
}

.who-we-are-hero.dark-grey {
  background: #303131;
}

.who-we-are-hero.dark-grey h1.slanty-title,
.who-we-are-hero.dark-grey h2 {
  color: white;
}

.who-we-are-hero.white .blog-label,
.who-we-are-hero.white .blog-title,
.who-we-are-hero.white h2 {
  color: #303131;
}

.who-we-are-hero .hero-text {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: relative;
  text-align: center;
  padding: 1.25rem;
  box-sizing: border-box;
}

.who-we-are-hero h1 {
  color: white;
  margin-bottom: 3.75rem;
  font-size: 2.625rem;
}

.who-we-are-hero h2 {
  font-family: "Quicksand", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .who-we-are-hero {
    height: 47.5rem;
  }
  .who-we-are-hero h1 {
    font-size: 6.25rem;
    margin-bottom: 7.5rem;
  }
  .who-we-are-hero h2 {
    max-width: 42.5rem;
    font-size: 1.4375rem;
    list-height: 2rem;
    margin: auto;
  }
}

.aims,
.values {
  background: #F1F1F1;
  color: #1e1e1c;
  padding: 2.5rem;
}

.aims .values-intro,
.values .values-intro {
  max-width: 37.5rem;
  margin: auto;
  margin-bottom: 2.5rem;
  font-weight: bold;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
}

.aims ol,
.values ol {
  list-style-position: outside;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
  max-width: 31.25rem;
  margin: auto;
}

.aims li,
.values li {
  list-style-type: decimal;
  color: #1e1e1c;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
}

.aims li span,
.values li span {
  color: black;
  font-family: "Quicksand", sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.aims .values-text,
.values .values-text {
  max-width: 41.25rem;
  margin: auto;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
}

.aims .values-text strong,
.values .values-text strong {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.aims .values-text h2,
.aims .values-text h3,
.aims .values-text h4,
.values .values-text h2,
.values .values-text h3,
.values .values-text h4 {
  text-align: left;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin-bottom: 0;
  font-weight: 600;
}

.aims .values-text p,
.values .values-text p {
  margin-bottom: 20px;
}

.aims h2,
.values h2 {
  color: #27a097;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .aims,
  .values {
    padding: 3.75rem 5rem;
  }
  .aims h2,
  .values h2 {
    font-size: 5rem;
    margin-bottom: 3.75rem;
  }
  .aims li,
  .values li {
    font-size: 1.4375rem;
    line-height: 1.4375rem;
  }
  .aims li span,
  .values li span {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

.aims {
  background: white;
}

.the-team,
.the-board {
  background: #27a097;
  color: white;
  padding: 2.5rem 0;
}

.the-team.no-background,
.the-board.no-background {
  background: transparent;
}

.the-team.no-background .slanty-title,
.the-board.no-background .slanty-title {
  color: #1e1e1c;
}

.the-team.no-background .slider-intro,
.the-board.no-background .slider-intro {
  color: #1e1e1c;
}

.the-team.no-background svg polyline,
.the-board.no-background svg polyline {
  stroke: #e12a67;
}

.the-team .slider-intro,
.the-board .slider-intro {
  text-align: center;
  padding: 0 2.5rem;
}

.the-team .slider-intro p,
.the-board .slider-intro p {
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  text-align: center;
}

.the-team h2,
.the-board h2 {
  margin-bottom: 2.5rem;
  text-align: center;
}

.the-team .slider-info,
.the-board .slider-info {
  max-width: 80%;
  margin: auto;
}

.the-team.no-background .slider a,
.the-board.no-background .slider a {
  color: #e12a67;
}

.the-team .slider,
.the-board .slider {
  max-width: 51.25rem;
  margin: auto;
  margin-top: 2.5rem;
  padding-bottom: 3.75rem;
}

.the-team .slider .slider-image,
.the-board .slider .slider-image {
  background-repeat: no-repeat;
  background-position: center center;
}

.the-team .slider a,
.the-board .slider a {
  color: white;
  font-weight: 700;
  text-decoration: none;
}

.the-team .slider a:hover, .the-team .slider a:focus,
.the-board .slider a:hover,
.the-board .slider a:focus {
  text-decoration: underline;
}

.the-team .slider img,
.the-board .slider img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 1.25rem;
  opacity: 0;
}

.the-team .slider h3,
.the-board .slider h3 {
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  color: #1e1e1c;
}

@media screen and (min-width: 768px) {
  .the-team,
  .the-board {
    padding: 3.75rem 0;
  }
  .the-team .slider-intro,
  .the-board .slider-intro {
    padding: 0 2.5rem;
  }
  .the-team h2,
  .the-board h2 {
    margin-bottom: 3.75rem;
  }
  .the-team .slider-intro,
  .the-board .slider-intro {
    max-width: 45rem;
    margin: auto;
    margin-bottom: 3.75rem;
  }
  .the-team .slider-intro p,
  .the-board .slider-intro p {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
  .the-team .slider img,
  .the-board .slider img {
    margin-bottom: 2.5rem;
  }
}

.the-board {
  background: white;
  color: #27a097;
}

.the-board .slider h3 {
  color: #27a097;
}

.the-board .slick-arrow svg path,
.the-board .slick-arrow svg polyline {
  stroke: #303131;
}

.the-board ul.slick-dots li button {
  border: 2px solid #303131;
}

.the-board ul.slick-dots li.slick-active button {
  background: #303131;
  border: 2px solid #303131;
}

@media screen and (min-width: 768px) {
  .two-col {
    float: left;
    width: 50%;
  }
}

.history {
  text-align: center;
  color: black;
  background: #e12a67;
  overflow: hidden;
  padding: 5rem 0;
  box-sizing: border-box;
}

.history .history-intro,
.history .history-sections {
  padding: 0 1.25rem;
  max-width: 47.5rem;
  margin: auto;
}

.history .history-intro p {
  font-family: "Quicksand", sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.history .slanty-title {
  color: white;
  margin-bottom: 5rem;
}

.history .history-widget {
  width: 100%;
  max-width: 37.5rem;
  margin: auto;
  margin-bottom: 2.5rem;
  overflow: hidden;
}

.history .history-widget .years-container {
  width: 13.75rem;
  height: 2.5rem;
  position: relative;
  margin: auto;
  border-bottom: 2px solid white;
  margin-bottom: 3.125rem;
}

.history .history-widget .marker {
  position: absolute;
  display: block;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  text-align: center;
  height: 2.5rem;
  left: 0;
}

.history .history-widget .marker > a {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  font-size: 1.375rem;
  background: #e12a67;
  color: white;
}

.history .history-widget a {
  color: #f15b4c;
  text-decoration: none;
  font-family: "Zing rust demobase";
}

.history .history-sections {
  text-align: left;
}

.history .arrow {
  position: relative;
  width: 0.125rem;
  height: 20px;
  top: 2.75rem;
  border-left: 2px solid white;
}

.history .arrow .line-arrow {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 1px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  left: -6px;
  box-sizing: border-box;
}

.history .history-year {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.history .history-year.current {
  opacity: 1;
  visibility: visible;
  height: auto;
}

@media screen and (min-width: 768px) {
  .history .history-intro,
  .history .history-sections {
    padding: 0;
  }
  .history .history-intro {
    margin-bottom: 2.5rem;
  }
  .history .history-intro p {
    font-size: 1.375rem;
    line-height: 1.5rem;
  }
  .history .history-widget .years-container {
    width: 27.5rem;
  }
}

.funders-image {
  width: 90%;
  margin: auto;
  margin-bottom: 1.25rem;
  max-width: 50rem;
}

.project-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.project-hero.page-hero {
  padding: 0;
  height: auto;
}

.project-hero.page-hero img {
  display: block;
}

.project-hero.has-image .project-logo {
  display: none;
}

.project-hero .project-logo {
  max-height: 100%;
  width: auto;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
}

.project-hero .back-arrow-link {
  display: block;
  position: absolute;
  top: 1.25rem;
  left: 1.5rem;
}

.project-hero .back-arrow-link svg line,
.project-hero .back-arrow-link svg polyline {
  stroke: #e12a67;
}

.main-text-page .project-grid,
.project-grid {
  background: white;
  position: relative;
  z-index: 2;
}

.main-text-page .project-grid.more-projects,
.project-grid.more-projects {
  background: #e12a67;
}

.yellow .main-text-page .project-grid, .yellow
.project-grid {
  background-color: #f9ed8e;
}

.teal .main-text-page .project-grid, .teal
.project-grid {
  background-color: #57d6cd;
}

.purple .main-text-page .project-grid, .purple
.project-grid {
  background-color: #6f41a2;
}

.fuschia .main-text-page .project-grid, .fuschia
.project-grid {
  background-color: #ee83a7;
}

.dark-grey .main-text-page .project-grid, .dark-grey
.project-grid {
  background: #626565;
}

.main-text-page .project-grid .more-banner,
.project-grid .more-banner {
  padding: 0;
  position: relative;
  text-align: center;
}

.main-text-page .project-grid .more-banner.no-image,
.project-grid .more-banner.no-image {
  min-height: 13.75rem;
}

.main-text-page .project-grid .more-banner.no-image.bright-red,
.project-grid .more-banner.no-image.bright-red {
  background-color: #F1594B;
}

.main-text-page .project-grid .more-banner.no-image.bright-red h1.slanty-title,
.project-grid .more-banner.no-image.bright-red h1.slanty-title {
  color: white;
}

.main-text-page .project-grid .more-banner.no-image.bright-yellow,
.project-grid .more-banner.no-image.bright-yellow {
  background-color: #FFC700;
}

.main-text-page .project-grid .more-banner.no-image.bright-yellow h1.slanty-title,
.project-grid .more-banner.no-image.bright-yellow h1.slanty-title {
  color: white;
}

.main-text-page .project-grid .more-banner.no-image.bright-mint,
.project-grid .more-banner.no-image.bright-mint {
  background-color: #A4CCB7;
}

.main-text-page .project-grid .more-banner.no-image.bright-mint h1.slanty-title,
.project-grid .more-banner.no-image.bright-mint h1.slanty-title {
  color: #1e1e1c;
}

.main-text-page .project-grid .more-banner.no-image.bright-aqua,
.project-grid .more-banner.no-image.bright-aqua {
  background-color: #62C2D2;
}

.main-text-page .project-grid .more-banner.no-image.bright-aqua h1.slanty-title,
.project-grid .more-banner.no-image.bright-aqua h1.slanty-title {
  color: #1e1e1c;
}

.main-text-page .project-grid .more-banner.no-image.bright-lilac,
.project-grid .more-banner.no-image.bright-lilac {
  background-color: #C07BB2;
}

.main-text-page .project-grid .more-banner.no-image.bright-lilac h1.slanty-title,
.project-grid .more-banner.no-image.bright-lilac h1.slanty-title {
  color: #1e1e1c;
}

.main-text-page .project-grid .more-banner.no-image.red-hero,
.project-grid .more-banner.no-image.red-hero {
  background: #f15b4c;
}

.main-text-page .project-grid .more-banner.no-image.red-hero h1.slanty-title,
.project-grid .more-banner.no-image.red-hero h1.slanty-title {
  color: white;
}

.main-text-page .project-grid .more-banner .wrapper,
.project-grid .more-banner .wrapper {
  position: relative;
}

.main-text-page .project-grid .more-banner h1,
.project-grid .more-banner h1 {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%) rotate(-3deg);
      transform: translateY(-50%) rotate(-3deg);
}

.main-text-page .project-grid .more-banner .arrow-icon,
.project-grid .more-banner .arrow-icon {
  display: block;
  width: 3rem;
  height: 3.5rem;
  margin: auto;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  bottom: 10%;
}

.main-text-page .project-grid ul,
.project-grid ul {
  overflow: hidden;
  margin: auto;
  margin-left: 0;
}

.main-text-page .project-grid li,
.project-grid li {
  position: relative;
}

.main-text-page .project-grid li img,
.project-grid li img {
  display: block;
  height: auto;
}

.main-text-page .project-grid li .project-cover img,
.project-grid li .project-cover img {
  opacity: 0;
}

.main-text-page .project-grid a,
.main-text-page .project-grid li,
.project-grid a,
.project-grid li {
  display: block;
  text-decoration: none;
}

.main-text-page .project-grid a:hover .rollover-text, .main-text-page .project-grid a:focus .rollover-text,
.main-text-page .project-grid li:hover .rollover-text,
.main-text-page .project-grid li:focus .rollover-text,
.project-grid a:hover .rollover-text,
.project-grid a:focus .rollover-text,
.project-grid li:hover .rollover-text,
.project-grid li:focus .rollover-text {
  opacity: 1;
  visibility: visible;
  text-decoration: none;
}

.main-text-page .project-grid .project-cover,
.project-grid .project-cover {
  position: relative;
}

.main-text-page .project-grid .project-cover .slanty-title,
.project-grid .project-cover .slanty-title {
  color: white;
  font-family: "Zing rust demobase";
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-3deg);
      transform: translateY(-50%) translateX(-50%) rotate(-3deg);
}

.main-text-page .project-grid .project-cover.bright-red,
.project-grid .project-cover.bright-red {
  background-color: #F1594B;
}

.main-text-page .project-grid .project-cover.bright-red img,
.project-grid .project-cover.bright-red img {
  opacity: 0;
}

.main-text-page .project-grid .project-cover.bright-yellow,
.project-grid .project-cover.bright-yellow {
  background-color: #FFC700;
}

.main-text-page .project-grid .project-cover.bright-yellow img,
.project-grid .project-cover.bright-yellow img {
  opacity: 0;
}

.main-text-page .project-grid .project-cover.bright-mint,
.project-grid .project-cover.bright-mint {
  background-color: #A4CCB7;
}

.main-text-page .project-grid .project-cover.bright-mint img,
.project-grid .project-cover.bright-mint img {
  opacity: 0;
}

.main-text-page .project-grid .project-cover.bright-aqua,
.project-grid .project-cover.bright-aqua {
  background-color: #62C2D2;
}

.main-text-page .project-grid .project-cover.bright-aqua img,
.project-grid .project-cover.bright-aqua img {
  opacity: 0;
}

.main-text-page .project-grid .project-cover.bright-lilac,
.project-grid .project-cover.bright-lilac {
  background-color: #C07BB2;
}

.main-text-page .project-grid .project-cover.bright-lilac img,
.project-grid .project-cover.bright-lilac img {
  opacity: 0;
}

.main-text-page .project-grid .rollover-text,
.project-grid .rollover-text {
  text-align: center;
  box-sizing: border-box;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  background: #f3dd2e;
}

.main-text-page .project-grid .rollover-text h2,
.project-grid .rollover-text h2 {
  color: #1e1e1c;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
}

.main-text-page .project-grid .rollover-text a,
.project-grid .rollover-text a {
  color: #e12a67;
}

.main-text-page .project-grid .vertical-text,
.project-grid .vertical-text {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: relative;
  padding: 1.25rem;
}

.touchevents .main-text-page .project-grid li .rollover-text, .touchevents
.project-grid li .rollover-text {
  height: 18.75rem;
}

.touchevents .main-text-page .project-grid li:nth-child(2) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(4) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(5) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(7) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(10) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(12) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(10) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(12) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(13) .rollover-text, .touchevents .main-text-page .project-grid li:nth-child(15) .rollover-text, .touchevents
.project-grid li:nth-child(2) .rollover-text, .touchevents
.project-grid li:nth-child(4) .rollover-text, .touchevents
.project-grid li:nth-child(5) .rollover-text, .touchevents
.project-grid li:nth-child(7) .rollover-text, .touchevents
.project-grid li:nth-child(10) .rollover-text, .touchevents
.project-grid li:nth-child(12) .rollover-text, .touchevents
.project-grid li:nth-child(10) .rollover-text, .touchevents
.project-grid li:nth-child(12) .rollover-text, .touchevents
.project-grid li:nth-child(13) .rollover-text, .touchevents
.project-grid li:nth-child(15) .rollover-text {
  background: #f6e55e;
}

.no-touchevents .main-text-page .project-grid .rollover-text, .no-touchevents
.project-grid .rollover-text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f3dd2e;
  color: black;
  opacity: 0;
  visibility: hidden;
}

.no-touchevents .main-text-page .project-grid .rollover-text .vertical-text, .no-touchevents
.project-grid .rollover-text .vertical-text {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: relative;
}

@media screen and (min-width: 480px) {
  .main-text-page .project-grid li,
  .project-grid li {
    float: left;
    width: 50%;
  }
  .main-text-page .project-grid .more-banner .arrow-icon,
  .project-grid .more-banner .arrow-icon {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .main-text-page .project-grid li,
  .project-grid li {
    float: left;
    width: 33.333333%;
  }
  .main-text-page .project-grid li img,
  .project-grid li img {
    max-width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .main-text-page .project-grid li,
  .project-grid li {
    float: left;
    width: 25%;
  }
  .main-text-page .project-grid .more-banner.no-image,
  .project-grid .more-banner.no-image {
    min-height: 18.75rem;
  }
  .main-text-page .project-grid .more-banner h1,
  .project-grid .more-banner h1 {
    -ms-transform: translateY(-50%) rotate(-5deg);
        transform: translateY(-50%) rotate(-5deg);
  }
  .main-text-page .project-grid .more-banner .arrow-icon,
  .project-grid .more-banner .arrow-icon {
    display: block;
    width: 1.5rem;
    height: 1.75rem;
    bottom: 5%;
  }
}

@media screen and (min-width: 1400px) {
  .main-text-page .project-grid .more-banner .arrow-icon,
  .project-grid .more-banner .arrow-icon {
    display: block;
    width: 3rem;
    height: 3.5rem;
    bottom: 4%;
  }
}

@media screen and (min-width: 1600px) {
  .main-text-page .project-grid .more-banner .arrow-icon,
  .project-grid .more-banner .arrow-icon {
    bottom: 10%;
  }
}

@media screen and (min-width: 1882px) {
  .main-text-page .project-grid .more-banner .arrow-icon,
  .project-grid .more-banner .arrow-icon {
    bottom: 14%;
  }
}

.quote {
  position: relative;
  overflow: hidden;
}

.quote blockquote {
  color: #e12a67;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0.625rem;
  position: relative;
}

.quote blockquote:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  background: #e12a67;
  width: calc(100% - 50px);
  left: 0;
}

.quote figcaption {
  color: #e12a67;
}

.quote .testimonial-arrow {
  position: absolute;
  bottom: -0.4375rem;
  right: 0;
}

.quote .testimonial-arrow svg polyline {
  fill: white;
}

.quote .testimonial-arrow svg polyline {
  stroke: #e12a67;
}

.quote figcaption {
  margin-top: 1.25rem;
  float: left;
  margin-left: 0;
}

.project-quote {
  margin-bottom: 2.5rem;
}

.downloads .download-button {
  color: white;
  display: block;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 1.25rem;
}

.downloads-centered .download-button {
  max-width: 25.625rem;
  margin: auto;
  margin-bottom: 1.25rem;
}

.project-leader {
  overflow: hidden;
}

.project-leader .project-leader-title {
  font-family: "Quicksand", sans-serif;
  color: #1e1e1c;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

.project-leader .project-leader-image {
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.project-leader .project-leader-image img {
  display: block;
  float: left;
}

.project-leader .project-leader-quote {
  margin-bottom: 1.25rem;
}

.project-leader .project-leader-quote h3 {
  font-family: "Quicksand", sans-serif;
  margin-bottom: 0.625rem;
  color: #e12a67;
}

.main-text-page .project-overview,
.project-overview {
  background: #e12a67;
  padding: 1.25rem;
  color: white;
  border-radius: 6px;
  margin-bottom: 2.5rem;
}

.main-text-page .project-overview h3,
.project-overview h3 {
  color: white;
  margin-bottom: 0;
}

.main-text-page .project-overview p,
.main-text-page .project-overview ul,
.main-text-page .project-overview li,
.project-overview p,
.project-overview ul,
.project-overview li {
  color: white;
}

.main-text-page .project-overview .project-overview__section,
.project-overview .project-overview__section {
  margin-bottom: 1.25rem;
}

.main-text-page .project-overview .social-list,
.project-overview .social-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 1.25rem;
}

.main-text-page .project-overview .social-list li,
.project-overview .social-list li {
  margin-right: 1.25rem;
}

.main-text-page .project-overview .social-list li svg path,
.project-overview .social-list li svg path {
  transition: 0.3s fill;
  fill: white;
}

.main-text-page .project-overview .social-list li a:hover svg path,
.main-text-page .project-overview .social-list li a:focus svg path,
.project-overview .social-list li a:hover svg path,
.project-overview .social-list li a:focus svg path {
  fill: #f3dd2e;
}

.main-text-page .project-overview.mobile-only,
.project-overview.mobile-only {
  display: block;
}

.main-text-page .project-overview.desktop-only,
.project-overview.desktop-only {
  display: none;
}

@media screen and (min-width: 960px) {
  .main-text-page .project-overview.mobile-only,
  .project-overview.mobile-only {
    display: none;
  }
  .main-text-page .project-overview.desktop-only,
  .project-overview.desktop-only {
    display: block;
  }
}

.project-filters {
  background: #F1F1F1;
  padding: 1.25rem 0;
}

.project-filters .wrapper {
  padding: 0 1.25rem;
}

.project-filters h3 {
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  font-family: "Zing rust demobase";
  text-align: center;
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
}

.project-filters .project-filters-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

.project-filters .project-filters-form .form-item {
  display: block;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 1.25rem;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.project-filters .project-filters-form label {
  margin-right: 1.25rem;
}

@media screen and (min-width: 768px) {
  .project-filters .project-filters-form .form-item {
    width: 25%;
    margin-bottom: 0;
  }
  .project-filters .project-filters-form .styled-select {
    width: 12.5rem;
    margin-right: 2.5rem;
  }
}

.filter-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.filter-grid li {
  opacity: 1;
  transition: 0.3s opacity ease-out, 0.3s transform ease-out, 0.3s width ease-out;
  width: 100%;
}

.filter-grid li.knockback {
  opacity: 0.1;
}

@media screen and (min-width: 360px) {
  .filter-grid li {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .filter-grid li {
    width: 25%;
  }
}

.styled-select {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 5.625rem;
  height: 2.5rem;
  line-height: 3;
  background: white;
  overflow: hidden;
  -ms-flex: 1;
      flex: 1;
  color: #fff;
  border: 1px solid #3d2459;
  cursor: pointer;
}

.styled-select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0.625rem;
  background: #3d2459;
  cursor: pointer;
  pointer-events: none;
  transition: .25s all ease;
  font-size: 14px;
  line-height: 40px;
}

.styled-select:hover::after {
  color: #f3dd2e;
}

.styled-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  background: none;
  border: none;
  color: black;
  padding: 0;
  height: 100%;
  padding: 0 0.625rem;
}

.full-width-quote {
  clear: both;
  background: #27a097;
  padding: 2.5rem 0;
}

.full-width-quote .wrapper {
  padding: 0 0.625rem;
}

.full-width-quote .quote-slider {
  color: white;
}

.full-width-quote .quote blockquote {
  color: white;
}

.full-width-quote .quote blockquote::after {
  background: white;
}

.full-width-quote .quote .testimonial-arrow svg polyline {
  stroke: white;
  fill: #27a097;
}

.full-width-quote .quote-slider .slick-arrow polyline {
  stroke: white;
}

.full-width-quote .quote figcaption {
  color: white;
}

@media screen and (min-width: 768px) {
  .full-width-quote {
    padding: 5rem 0;
  }
}

.news-section {
  padding: 1.25rem;
  background: #3d2459;
}

.news-section .wrapper {
  max-width: 58.75rem;
  position: relative;
}

.news-feed {
  overflow: hidden;
  margin-top: 1.25rem;
}

.social-feed {
  padding: 2.5rem 0;
  background: #3d2459;
}

.social-feed .wrapper {
  position: relative;
}

.news-post {
  margin-bottom: 2.5rem;
  padding: 8px;
}

.news-post img {
  margin-bottom: 0.625rem;
}

.news-post h2 {
  font-family: "Quicksand", sans-serif;
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: black;
  font-weight: bold;
}

.news-post h3 {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.news-post a {
  text-decoration: none;
  text-align: center;
  color: #1e1e1c;
}

@media screen and (min-width: 360px) {
  .news-post {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .news-post:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .news-post {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .news-post:nth-child(2n) {
    margin-right: 2%;
  }
  .news-post:nth-child(3n) {
    margin-right: 0;
  }
  .news-post h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

.blog-article {
  background: white;
}

.pagination {
  text-align: center;
  margin-bottom: 2.5rem;
}

.pagination .nav-links {
  font-size: 1.125rem;
  color: #f3dd2e;
}

.pagination .nav-links a,
.pagination .nav-links span {
  color: #f3dd2e;
  text-decoration: none;
  padding: 0.25rem 0.5rem;
}

.pagination .nav-links a:hover {
  color: black;
}

.pagination .nav-links a:hover svg path {
  fill: black;
}

.pagination .nav-links .arrow-icon {
  position: relative;
  top: 1px;
  width: 0.5rem;
  height: 0.875rem;
  padding: 0;
  display: inline-block;
  box-sizing: border-box;
}

.pagination .nav-links .arrow-icon svg path {
  fill: #f3dd2e;
}

.pagination .nav-links span.current {
  font-weight: bold;
  color: white;
}

.pagination .nav-links .next:hover svg path, .pagination .nav-links .next:focus svg path {
  fill: #f3dd2e;
}

@media screen and (min-width: 960px) {
  .pagination {
    margin-bottom: 5rem;
  }
}

.screen-reader-text {
  position: absolute;
  left: -9999px;
}

.news-nav {
  position: relative;
  top: -70px;
  width: 100%;
  margin-bottom: -50px;
}

@media screen and (min-width: 768px) {
  .news-nav {
    top: -70px;
    margin-bottom: 0;
    position: absolute;
  }
}

.tabs {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.tabs li {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
  box-sizing: border-box;
  background-color: #303131;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  border-radius: 5px 5px 0 0;
  transition: all .15s linear;
  margin-bottom: 0.625rem;
  font-size: 10px;
}

.tabs li.active {
  background: black;
}

.tabs li:hover {
  transition: all .15s linear;
}

.tabs li a {
  text-decoration: none;
  color: #f3dd2e;
  display: block;
}

.tabs li a:hover {
  color: #FCCA00;
}

@media screen and (min-width: 768px) {
  .tabs li {
    display: inline-block;
    width: 24%;
  }
  .tabs a {
    font-size: 0.875rem;
  }
}

.related-news {
  padding: 2.5rem;
  max-width: 52.5rem;
  margin: auto;
  border-top: 2px solid #1e1e1c;
}

.related-news .related-title {
  text-align: center;
  margin-bottom: 2.5rem;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
}

.related-news .news-post {
  position: relative;
  padding-bottom: 5rem;
}

.related-news .post-block__link {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0.625rem;
  text-align: center;
  bottom: 0;
  background: #333333;
}

.related-news .post-block__link a {
  font-family: "Quicksand", sans-serif;
  color: #FCCA00;
}

.related-news .related-feed {
  overflow: hidden;
}

.job-post {
  margin-bottom: 2.5rem;
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #f15b4c;
}

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}

@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}

@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  -ms-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}

.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #f15b4c;
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #f8b2ab;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}

.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
  color: #1e1e1c;
}

.picker__day--today {
  position: relative;
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--outfocus {
  color: #dddddd;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #f8b2ab;
}

.picker__day--highlighted {
  border-color: #f15b4c;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #f8b2ab;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #f15b4c;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  overflow: hidden;
  height: 3.75rem;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: block;
  float: left;
  vertical-align: bottom;
  border-radius: 0;
  margin: auto;
  font-size: 1rem;
  line-height: 1.125rem;
  height: 2.5rem;
  box-sizing: border-box;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #f8b2ab;
  border-bottom-color: #f8b2ab;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #f8b2ab;
  border-color: #f15b4c;
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
h1 {
  font-family: "Zing rust demobase";
  font-size: 3.75rem;
  line-height: 4rem;
  color: white;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  h1 {
    font-size: 5rem;
    line-height: 5.25rem;
  }
}

.page-intro {
  text-align: center;
}

.page-intro p {
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.intro {
  text-align: left;
}

.intro p {
  font-family: "Quicksand", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
  text-align: left;
}

p {
  color: #1e1e1c;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}

p em {
  font-style: italic;
}

p strong {
  font-weight: bold;
}

.slanty-title,
.main-text-page .slanty-title {
  font-family: "Zing rust demobase";
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .slanty-title,
  .main-text-page .slanty-title {
    font-size: 3.75rem;
    line-height: 4.25rem;
  }
  .slanty-title.more-title,
  .main-text-page .slanty-title.more-title {
    font-size: 2.5rem;
    line-height: 2.25rem;
  }
  .slanty-title.more-title.white-text,
  .main-text-page .slanty-title.more-title.white-text {
    color: white;
  }
}

@media screen and (min-width: 1200px) {
  .slanty-title,
  .main-text-page .slanty-title {
    font-size: 5rem;
    line-height: 5.25rem;
  }
  .slanty-title.more-title,
  .main-text-page .slanty-title.more-title {
    font-size: 2.5rem;
    line-height: 2.25rem;
  }
}

.main-text-page {
  color: #1e1e1c;
  font-size: 1rem;
  line-height: 1.5rem;
}

.main-text-page h1 {
  font-family: "Zing rust demobase";
  font-size: 2.5rem;
  line-height: 2.75rem;
  color: #1e1e1c;
  margin-bottom: 1.25rem;
  text-align: left;
  padding-left: 0.3125rem;
}

.main-text-page h2,
.main-text-page h3 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  margin-bottom: 1.25rem;
}

.main-text-page a {
  color: #e12a67;
}

.main-text-page a:hover, .main-text-page a:focus {
  color: #27a097;
}

.main-text-page ul {
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.main-text-page ul li {
  list-style-type: disc;
  list-style-position: outside;
}

.main-text-page ol {
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.main-text-page ol li {
  list-style-type: decimal;
  list-style-position: outside;
}

@media screen and (min-width: 960px) {
  .main-text-page h2,
  .main-text-page h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.title-header {
  padding: 5rem 0;
}

.text-page h1,
.large-col h1 {
  font-family: "Zing rust demobase";
  font-size: 2.5rem;
  line-height: 2.75rem;
  color: #1e1e1c;
  margin-bottom: 1.25rem;
}

.text-page h2,
.text-page h3,
.text-page h4,
.large-col h2,
.large-col h3,
.large-col h4 {
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.text-page a,
.large-col a {
  text-decoration: none;
  color: #e12a67;
  font-weight: 700;
}

.text-page a:hover, .text-page a:focus,
.large-col a:hover,
.large-col a:focus {
  color: #27a097;
}

.text-page blockquote,
.large-col blockquote {
  font-family: "Quicksand", sans-serif;
  text-align: center;
  font-weight: bold;
}

.centered-text {
  padding: 2.5rem 0;
  text-align: center;
  background: #F1F1F1;
  position: relative;
  z-index: 2;
}

.centered-text .wrapper {
  max-width: 33.75rem;
  margin: auto;
  padding: 0 1.25rem;
}

.centered-text h2 {
  color: #f15b4c;
  font-weight: 700;
}

@media screen and (min-width: 960px) {
  .centered-text .wrapper {
    padding: 0;
  }
}

.contact-details {
  font-weight: bold;
  font-family: "Quicksand", sans-serif;
}

.contact-details h2 {
  color: #27a097;
}

.contact-details a {
  color: #e12a67;
  text-decoration: none;
}

/* Slider */
.slick-slider {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  transition: opacity 0.2s;
  margin: auto;
  position: relative;
}

.slick-slider.slick-initialized {
  opacity: 1;
}

.quote-slider .slick-list {
  text-align: left;
  width: calc(100% - 80px);
  margin: auto;
}

.quote-slider blockquote {
  text-align: left;
}

.quote-slider .slick-arrow {
  left: 0;
}

.quote-slider .slick-arrow.slick-next {
  right: 0;
}

.quote-slider .slick-arrow polyline {
  stroke: #e12a67;
}

.quote-slider .slick-dots .slick-active button {
  background: #27a097;
}

.quote-slider .slick-dots button {
  background: #e12a67;
}

.featured-slider {
  opacity: 0;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.image-slider {
  background: #f6f6f6;
  margin-bottom: 2.5rem;
}

.image-slider .slick-slide {
  position: relative;
}

.image-slider img {
  max-height: 11.625rem;
  display: block;
}

.image-slider .enlarge-image {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.image-slider .enlarge-image .enlarge-icon {
  display: block;
  padding: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
}

@media screen and (min-width: 480px) {
  .image-slider img {
    max-height: 17.5rem;
  }
}

@media screen and (min-width: 768px) {
  .image-slider img {
    max-height: 27.375rem;
  }
}

.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
  box-sizing: border-box;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.carousel {
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.carousel.slick-initialized {
  opacity: 1;
}

.no-js .carousel {
  overflow: hidden;
  opacity: 1;
}

ul.slick-dots {
  margin: auto;
  margin-top: 0;
  position: absolute;
  bottom: -1.25rem;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  max-width: 960px;
  z-index: 1;
  box-sizing: border-box;
}

ul.slick-dots li {
  padding: 0px;
  display: inline-block;
  margin-right: 0.625rem;
  z-index: 2;
}

ul.slick-dots li button {
  border: 0;
  padding: 0;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  background: white;
  transition: transform 0.3s;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  border-radius: 50%;
  height: 0.75rem;
  width: 0.75rem;
}

.image-slider ul.slick-dots li button {
  background: #303131;
}

ul.slick-dots li.slick-active button {
  background: transparent;
  border: 2px solid white;
}

.image-slider ul.slick-dots li.slick-active button {
  border: 2px solid #303131;
}

@media screen and (min-width: 768px) {
  ul.slick-dots {
    bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  button {
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
  }
}

.slick-arrow {
  cursor: pointer;
  width: 1.25rem;
  height: 2.5rem;
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 1.25rem;
  z-index: 2;
}

.slick-arrow svg path,
.slick-arrow svg polyline {
  stroke: white;
}

.slick-arrow.dark svg path,
.slick-arrow.dark svg polyline {
  stroke: black;
}

.slick-arrow.small {
  width: 1.25rem;
  height: 1.25rem;
}

.slick-arrow.slick-next {
  left: auto;
  right: 1.25rem;
}

.slick-arrow:hover .bg, .slick-arrow:focus .bg {
  fill: black;
}

@media screen and (min-width: 768px) {
  .slick-arrow {
    width: 2.5rem;
    height: 5rem;
  }
  .slick-arrow.small, .slick-arrow.dark {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.no-js-nav {
  display: none;
}

.no-js .slider {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .no-js .slider {
    max-width: 80%;
    margin: auto;
  }
}

.testimonials-slider .slick-track {
  display: -ms-flexbox;
  display: flex;
}

.testimonials-slider .slick-track .slick-slide {
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.team-slider .slick-arrow.slick-prev,
.board-slider .slick-arrow.slick-prev {
  left: 0;
}

.team-slider .slick-arrow.slick-next,
.board-slider .slick-arrow.slick-next {
  right: 0;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button.mfp-arrow {
  width: 20px;
  height: 20px;
}

button.mfp-arrow.mfp-arrow-right {
  background: url(images/right-arrow.svg) top center no-repeat;
}

button.mfp-arrow.mfp-arrow-left {
  background: url(images/left-arrow.svg) top center no-repeat;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  width: 10px;
  height: 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*&:before,
        &:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 35px;
            margin-left: 35px;
            border: medium inset transparent;
        }

        &:after {

            border-top-width: 13px;
            border-bottom-width: 13px;
            top: 8px;
        }

        &:before {
            border-top-width: 21px;
            border-bottom-width: 21px;
            opacity: 0.7;
        }*/
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow-left {
  left: 20px;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 20px;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }
  .mfp-arrow-left {
    -ms-transform-origin: 0;
        transform-origin: 0;
  }
  .mfp-arrow-right {
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.donate img {
  height: 1.5em !important;
}

.donate .toggle {
  font-size: 3em;
  margin-right: 1em;
  color: #fff;
}

.donate .toggle#show_donate100 {
  margin-right: 0;
}

.donate .toggle img {
  margin: 0;
}

.donate .toggle img.on {
  display: none;
}

.donate .toggle img.off {
  display: inline;
}

.donate .toggle:last-child {
  margin-right: 0;
}

.donate .toggle.current {
  color: #f1594b;
}

.donate .toggle.current img.on {
  display: inline;
}

.donate .toggle.current img.off {
  display: none;
}

.donate-btn {
  text-align: center !important;
}

.donate-btn img {
  height: 7em !important;
  padding: .5em 0 !important;
}

.donate-bar {
  display: block;
  width: 60%;
  background: white;
  height: 1px;
  margin: 0 auto;
}

.donate-bar .progress {
  height: 1px;
  background: #f3dd2e;
  width: 0;
  transition: all ease-out .5s;
}

.entry-content[rel=donate] p {
  text-align: center;
}

.card-grid-holder {
  margin: auto;
  max-width: 57.5rem;
}

.tips-menu,
.main-text-page .tips-menu {
  text-align: center;
  margin-bottom: 1.25rem;
}

.tips-menu li,
.main-text-page .tips-menu li {
  display: block;
  margin: 0.625rem;
  font-weight: bold;
}

.tips-menu li a,
.main-text-page .tips-menu li a {
  color: #1e1e1c;
}

@media screen and (min-width: 768px) {
  .tips-menu,
  .main-text-page .tips-menu {
    text-align: left;
  }
  .tips-menu li,
  .main-text-page .tips-menu li {
    display: inline-block;
    margin: 0 0.875rem;
  }
}

.tips-grid {
  overflow: hidden;
}

.tips-grid a {
  display: block;
  text-align: center;
  height: 12.5rem;
  background: #FCCA00;
  text-decoration: none;
  transition: 0.3s background ease-out;
}

.tips-grid a:hover, .tips-grid a:focus {
  background: #CCE4D9;
}

.tips-grid .vertical-align {
  position: relative;
  top: 50%;
  width: 90%;
  margin: auto;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.tips-grid .tip-block {
  background: white;
  padding: 0.5rem;
  margin-bottom: 0.625rem;
}

@media screen and (min-width: 768px) {
  .tips-grid .tip-block {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .tips-grid .tip-block:nth-child(3n) {
    margin-right: 0;
  }
}

.centered-btn {
  text-align: center;
}

.enter-resilience-lab-link {
  background: #1e1e1c;
  display: block;
  margin-top: 1.25rem;
  background: url(images/resilience-lab/dark.png);
}

#resilience-popup .inner {
  border: solid 5px #333;
  background: #fff !important;
  color: #000 !important;
  font-size: .8em;
  padding: .5em 2em 1em;
  text-align: center;
  width: 90%;
  border-radius: 20px;
}

#resilience-popup .inner h2 {
  color: #F9006D;
}

#resilience-popup .inner a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  #resilience-popup .inner {
    width: 45%;
  }
}

.resilience-nav-section {
  max-width: 58.75rem;
  margin: auto;
  position: relative;
}

.resilience-nav {
  position: relative;
  z-index: 1;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .resilience-nav {
    position: absolute;
    top: -40px;
  }
  .resilience-nav .tabs li {
    width: 19%;
  }
}

.resilience-page {
  padding: 1.25rem;
  background-image: url(images/resilience-lab/light.png);
}

.resilience-page h1 {
  color: #F9006D;
  text-align: center;
  font-size: 2.125rem;
  line-height: 2.625rem;
  margin-bottom: 1.25rem;
}

.resilience-page h2 {
  color: #F9006D;
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

.resilience-page hr {
  background: url(images/resilience-lab/divide-smile.svg) no-repeat center;
  background-size: contain;
  height: 15px;
  width: 70%;
  border: none;
  margin: 1.25rem auto;
}

.resilience-page .btn {
  background: #F9006D;
  color: white;
  border: 0;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: .25em 1em .2em;
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .resilience-page h1 {
    font-size: 3.25rem;
    line-height: 4rem;
  }
}

.post-block-grid .post-block {
  border: solid 8px #fff;
  display: inline-block;
  width: 30%;
  margin: 0 2% .7em 0;
  background-color: #f9f9f9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.post-block-grid .post-block a {
  background: #FCCA00;
  height: 200px;
  display: block;
}

.popup-holder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: table;
  z-index: 100000;
  transition: all ease-out .5s;
}

.popup-holder.hidden {
  top: 120%;
}

.popup-holder .popup {
  width: 65%;
  font-size: 1.7em;
  text-align: center;
  height: auto;
  display: table-cell;
  vertical-align: middle;
  transition: all ease-out .5s;
}

.popup-holder .popup .hide {
  cursor: pointer;
  position: absolute;
  right: 1.25rem;
  top: 0.625rem;
}

.popup-holder .popup .inner {
  z-index: 100000;
  background: #f3dd2e;
  color: #303131;
  text-align: center;
  margin: 0 auto;
  padding: .5em 3% 1em;
  position: relative;
  width: 96%;
  max-width: 41.25rem;
  transition: all ease-out .7s;
}

.popup-holder .popup .inner h2 {
  margin-top: 1.25rem;
  font-family: "Quicksand", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .popup-holder .popup .inner {
    width: 40%;
  }
}

.popup-holder .popup .inner .text-wrap {
  display: table;
  height: 100%;
  width: 100%;
}

.popup-holder .popup .inner .text-wrap .text {
  display: table-cell;
  vertical-align: middle;
}

.popup-holder .popup .inner .text-wrap .text h2 {
  color: #ffbf00;
  margin: 0;
  padding-top: 0;
  line-height: 100%;
}

.popup-holder .popup .inner .text-wrap .text p {
  max-width: 60%;
  margin: 0 auto;
}

#confidentiality-popup {
  font-size: .7em;
}

.confidentiality-btn-holder {
  margin-top: -2em;
}

#resilience-popup {
  display: none;
}

.hide-call,
.hide-confidentiality {
  color: #303131;
  position: absolute;
  right: 1em;
}

.hide-call:hover,
.hide-confidentiality:hover {
  color: #FFF;
}

#content-overlay {
  width: 100%;
  background: #000;
  height: 100%;
  opacity: .5;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  display: none;
}

#content-overlay.open {
  display: block;
}

#content-overlay.hidden {
  display: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

* {
  box-sizing: border-box;
}

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #deeaae;
  background: #e6efc2;
}

.button,
.button:visited {
  border: 1px solid #be0d37;
  border-top-color: #db0f3f;
  border-left-color: #db0f3f;
  padding: 4px 12px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  transition: all .2s ease-in-out;
  border-radius: 4px;
  background-color: #e40f42;
  background-image: linear-gradient(to bottom, #f01d4f, #e40f42);
}

.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  color: #fff;
  border: 1px solid #be0d37;
  border-top-color: #9d0a2d;
  border-left-color: #9d0a2d;
  background-color: #cc0e3b;
  background-image: linear-gradient(to bottom, #e40f42, #cc0e3b);
}

.button:active,
.button:visited:active {
  background-color: #f01d4f;
  background-image: linear-gradient(to bottom, #e40f42, #f01d4f);
}

.blue-button,
.blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  box-shadow: inset 0 0 3px #59b3ec;
}

.blue-button:hover,
.blue-button:visited:hover,
.blue-button:focus,
.blue-button:visited:focus {
  border-color: #116396;
  background-color: #1472ad;
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}

.blue-button:active,
.blue-button:visited:active {
  background-color: #1990db;
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}

.anim-all-0_5 {
  transition: all ease-out .5s;
}

.anim-all-0_7 {
  transition: all ease-out .7s;
}

.anim-all-1 {
  transition: all ease-out 1s;
}

.anim-all-1_5 {
  transition: all ease-out 1.5s;
}

body.page-template-page-health-php .entry-content .resilience-section {
  width: 600%;
  background: #333;
  padding: 2em 0;
  margin: 2em -250%;
}

body.page-template-page-health-php .entry-content .resilience-section h2,
body.page-template-page-health-php .entry-content .resilience-section h3 {
  border: 0;
  font-family: "Boing Bold", "Century Gothic", "Gill Sans", Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #e4006d;
  width: 14em !important;
  letter-spacing: 1px;
}

body.page-template-page-health-php .entry-content .resilience-section ul,
body.page-template-page-health-php .entry-content .resilience-section p {
  width: 11.5%;
}

body.page-template-page-health-php .entry-content .resilience-section ul,
body.page-template-page-health-php .entry-content .resilience-section ul span,
body.page-template-page-health-php .entry-content .resilience-section p,
body.page-template-page-health-php .entry-content .resilience-section p span {
  color: #fff !important;
}

body.page-template-page-health-php .entry-content .resilience-section a {
  color: #e4006d;
}

body.page-template-page-health-php .entry-content .resilience-section a.btn,
body.page-template-page-health-php .entry-content .resilience-section a.show-call {
  color: #fff;
  border: solid 2px #fff;
  background: #e4006d;
}

body.page-template-page-resilience-lab-php,
body.page-template-page-resilience-lab-splash-php,
body.page-template-page-resilience-blog-php,
body.page-template-page-resilience-cards-php,
body.page-template-page-resilience-lab-rubbish-php,
body.page-template-page-resilience-lab-moodbooster-php,
body.page-template-page-resilience-lab-contact-php,
body.single-tips,
body.tax-tips_cat {
  font-family: 'National', sans-serif;
}

body.page-template-page-resilience-lab-php #navigation,
body.page-template-page-resilience-lab-splash-php #navigation,
body.page-template-page-resilience-blog-php #navigation,
body.page-template-page-resilience-cards-php #navigation,
body.page-template-page-resilience-lab-rubbish-php #navigation,
body.page-template-page-resilience-lab-moodbooster-php #navigation,
body.page-template-page-resilience-lab-contact-php #navigation,
body.single-tips #navigation,
body.tax-tips_cat #navigation {
  display: none;
}

body.page-template-page-resilience-lab-php header,
body.page-template-page-resilience-lab-splash-php header,
body.page-template-page-resilience-blog-php header,
body.page-template-page-resilience-cards-php header,
body.page-template-page-resilience-lab-rubbish-php header,
body.page-template-page-resilience-lab-moodbooster-php header,
body.page-template-page-resilience-lab-contact-php header,
body.single-tips header,
body.tax-tips_cat header,
body.page-template-page-resilience-lab-php h2,
body.page-template-page-resilience-lab-splash-php h2,
body.page-template-page-resilience-blog-php h2,
body.page-template-page-resilience-cards-php h2,
body.page-template-page-resilience-lab-rubbish-php h2,
body.page-template-page-resilience-lab-moodbooster-php h2,
body.page-template-page-resilience-lab-contact-php h2,
body.single-tips h2,
body.tax-tips_cat h2,
body.page-template-page-resilience-lab-php .testimonial h4,
body.page-template-page-resilience-lab-splash-php .testimonial h4,
body.page-template-page-resilience-blog-php .testimonial h4,
body.page-template-page-resilience-cards-php .testimonial h4,
body.page-template-page-resilience-lab-rubbish-php .testimonial h4,
body.page-template-page-resilience-lab-moodbooster-php .testimonial h4,
body.page-template-page-resilience-lab-contact-php .testimonial h4,
body.single-tips .testimonial h4,
body.tax-tips_cat .testimonial h4,
body.page-template-page-resilience-lab-php input,
body.page-template-page-resilience-lab-splash-php input,
body.page-template-page-resilience-blog-php input,
body.page-template-page-resilience-cards-php input,
body.page-template-page-resilience-lab-rubbish-php input,
body.page-template-page-resilience-lab-moodbooster-php input,
body.page-template-page-resilience-lab-contact-php input,
body.single-tips input,
body.tax-tips_cat input,
body.page-template-page-resilience-lab-php textarea,
body.page-template-page-resilience-lab-splash-php textarea,
body.page-template-page-resilience-blog-php textarea,
body.page-template-page-resilience-cards-php textarea,
body.page-template-page-resilience-lab-rubbish-php textarea,
body.page-template-page-resilience-lab-moodbooster-php textarea,
body.page-template-page-resilience-lab-contact-php textarea,
body.single-tips textarea,
body.tax-tips_cat textarea,
body.page-template-page-resilience-lab-php form label,
body.page-template-page-resilience-lab-splash-php form label,
body.page-template-page-resilience-blog-php form label,
body.page-template-page-resilience-cards-php form label,
body.page-template-page-resilience-lab-rubbish-php form label,
body.page-template-page-resilience-lab-moodbooster-php form label,
body.page-template-page-resilience-lab-contact-php form label,
body.single-tips form label,
body.tax-tips_cat form label,
body.page-template-page-resilience-lab-php body.page-template-page-faq-php h4,
body.page-template-page-resilience-lab-splash-php body.page-template-page-faq-php h4,
body.page-template-page-resilience-blog-php body.page-template-page-faq-php h4,
body.page-template-page-resilience-cards-php body.page-template-page-faq-php h4,
body.page-template-page-resilience-lab-rubbish-php body.page-template-page-faq-php h4,
body.page-template-page-resilience-lab-moodbooster-php body.page-template-page-faq-php h4,
body.page-template-page-resilience-lab-contact-php body.page-template-page-faq-php h4,
body.single-tips body.page-template-page-faq-php h4,
body.tax-tips_cat body.page-template-page-faq-php h4,
body.page-template-page-resilience-lab-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab,
body.page-template-page-resilience-blog-php #navigation-resilience-lab,
body.page-template-page-resilience-cards-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab,
body.single-tips #navigation-resilience-lab,
body.tax-tips_cat #navigation-resilience-lab,
body.page-template-page-resilience-lab-php a.btn,
body.page-template-page-resilience-lab-splash-php a.btn,
body.page-template-page-resilience-blog-php a.btn,
body.page-template-page-resilience-cards-php a.btn,
body.page-template-page-resilience-lab-rubbish-php a.btn,
body.page-template-page-resilience-lab-moodbooster-php a.btn,
body.page-template-page-resilience-lab-contact-php a.btn,
body.single-tips a.btn,
body.tax-tips_cat a.btn,
body.page-template-page-resilience-lab-php input[type=submit],
body.page-template-page-resilience-lab-splash-php input[type=submit],
body.page-template-page-resilience-blog-php input[type=submit],
body.page-template-page-resilience-cards-php input[type=submit],
body.page-template-page-resilience-lab-rubbish-php input[type=submit],
body.page-template-page-resilience-lab-moodbooster-php input[type=submit],
body.page-template-page-resilience-lab-contact-php input[type=submit],
body.single-tips input[type=submit],
body.tax-tips_cat input[type=submit],
body.page-template-page-resilience-lab-php input[type=button],
body.page-template-page-resilience-lab-splash-php input[type=button],
body.page-template-page-resilience-blog-php input[type=button],
body.page-template-page-resilience-cards-php input[type=button],
body.page-template-page-resilience-lab-rubbish-php input[type=button],
body.page-template-page-resilience-lab-moodbooster-php input[type=button],
body.page-template-page-resilience-lab-contact-php input[type=button],
body.single-tips input[type=button],
body.tax-tips_cat input[type=button],
body.page-template-page-resilience-lab-php .popup h2,
body.page-template-page-resilience-lab-splash-php .popup h2,
body.page-template-page-resilience-blog-php .popup h2,
body.page-template-page-resilience-cards-php .popup h2,
body.page-template-page-resilience-lab-rubbish-php .popup h2,
body.page-template-page-resilience-lab-moodbooster-php .popup h2,
body.page-template-page-resilience-lab-contact-php .popup h2,
body.single-tips .popup h2,
body.tax-tips_cat .popup h2 {
  font-family: "Boing Bold", "Century Gothic", "Gill Sans", Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
}

body.page-template-page-resilience-lab-php .pullout,
body.page-template-page-resilience-lab-splash-php .pullout,
body.page-template-page-resilience-blog-php .pullout,
body.page-template-page-resilience-cards-php .pullout,
body.page-template-page-resilience-lab-rubbish-php .pullout,
body.page-template-page-resilience-lab-moodbooster-php .pullout,
body.page-template-page-resilience-lab-contact-php .pullout,
body.single-tips .pullout,
body.tax-tips_cat .pullout,
body.page-template-page-resilience-lab-php h3,
body.page-template-page-resilience-lab-splash-php h3,
body.page-template-page-resilience-blog-php h3,
body.page-template-page-resilience-cards-php h3,
body.page-template-page-resilience-lab-rubbish-php h3,
body.page-template-page-resilience-lab-moodbooster-php h3,
body.page-template-page-resilience-lab-contact-php h3,
body.single-tips h3,
body.tax-tips_cat h3,
body.page-template-page-resilience-lab-php h4,
body.page-template-page-resilience-lab-splash-php h4,
body.page-template-page-resilience-blog-php h4,
body.page-template-page-resilience-cards-php h4,
body.page-template-page-resilience-lab-rubbish-php h4,
body.page-template-page-resilience-lab-moodbooster-php h4,
body.page-template-page-resilience-lab-contact-php h4,
body.single-tips h4,
body.tax-tips_cat h4,
body.page-template-page-resilience-lab-php h5,
body.page-template-page-resilience-lab-splash-php h5,
body.page-template-page-resilience-blog-php h5,
body.page-template-page-resilience-cards-php h5,
body.page-template-page-resilience-lab-rubbish-php h5,
body.page-template-page-resilience-lab-moodbooster-php h5,
body.page-template-page-resilience-lab-contact-php h5,
body.single-tips h5,
body.tax-tips_cat h5,
body.page-template-page-resilience-lab-php h6,
body.page-template-page-resilience-lab-splash-php h6,
body.page-template-page-resilience-blog-php h6,
body.page-template-page-resilience-cards-php h6,
body.page-template-page-resilience-lab-rubbish-php h6,
body.page-template-page-resilience-lab-moodbooster-php h6,
body.page-template-page-resilience-lab-contact-php h6,
body.single-tips h6,
body.tax-tips_cat h6,
body.page-template-page-resilience-lab-php .popup p,
body.page-template-page-resilience-lab-splash-php .popup p,
body.page-template-page-resilience-blog-php .popup p,
body.page-template-page-resilience-cards-php .popup p,
body.page-template-page-resilience-lab-rubbish-php .popup p,
body.page-template-page-resilience-lab-moodbooster-php .popup p,
body.page-template-page-resilience-lab-contact-php .popup p,
body.single-tips .popup p,
body.tax-tips_cat .popup p,
body.page-template-page-resilience-lab-php .subheading > a,
body.page-template-page-resilience-lab-splash-php .subheading > a,
body.page-template-page-resilience-blog-php .subheading > a,
body.page-template-page-resilience-cards-php .subheading > a,
body.page-template-page-resilience-lab-rubbish-php .subheading > a,
body.page-template-page-resilience-lab-moodbooster-php .subheading > a,
body.page-template-page-resilience-lab-contact-php .subheading > a,
body.single-tips .subheading > a,
body.tax-tips_cat .subheading > a,
body.page-template-page-resilience-lab-php .type-post h2,
body.page-template-page-resilience-lab-splash-php .type-post h2,
body.page-template-page-resilience-blog-php .type-post h2,
body.page-template-page-resilience-cards-php .type-post h2,
body.page-template-page-resilience-lab-rubbish-php .type-post h2,
body.page-template-page-resilience-lab-moodbooster-php .type-post h2,
body.page-template-page-resilience-lab-contact-php .type-post h2,
body.single-tips .type-post h2,
body.tax-tips_cat .type-post h2,
body.page-template-page-resilience-lab-php .intro-bar,
body.page-template-page-resilience-lab-splash-php .intro-bar,
body.page-template-page-resilience-blog-php .intro-bar,
body.page-template-page-resilience-cards-php .intro-bar,
body.page-template-page-resilience-lab-rubbish-php .intro-bar,
body.page-template-page-resilience-lab-moodbooster-php .intro-bar,
body.page-template-page-resilience-lab-contact-php .intro-bar,
body.single-tips .intro-bar,
body.tax-tips_cat .intro-bar,
body.page-template-page-resilience-lab-php body.about section h2,
body.page-template-page-resilience-lab-splash-php body.about section h2,
body.page-template-page-resilience-blog-php body.about section h2,
body.page-template-page-resilience-cards-php body.about section h2,
body.page-template-page-resilience-lab-rubbish-php body.about section h2,
body.page-template-page-resilience-lab-moodbooster-php body.about section h2,
body.page-template-page-resilience-lab-contact-php body.about section h2,
body.single-tips body.about section h2,
body.tax-tips_cat body.about section h2,
body.page-template-page-resilience-lab-php .hidden-content h2,
body.page-template-page-resilience-lab-splash-php .hidden-content h2,
body.page-template-page-resilience-blog-php .hidden-content h2,
body.page-template-page-resilience-cards-php .hidden-content h2,
body.page-template-page-resilience-lab-rubbish-php .hidden-content h2,
body.page-template-page-resilience-lab-moodbooster-php .hidden-content h2,
body.page-template-page-resilience-lab-contact-php .hidden-content h2,
body.single-tips .hidden-content h2,
body.tax-tips_cat .hidden-content h2,
body.page-template-page-resilience-lab-php .feedback h2,
body.page-template-page-resilience-lab-splash-php .feedback h2,
body.page-template-page-resilience-blog-php .feedback h2,
body.page-template-page-resilience-cards-php .feedback h2,
body.page-template-page-resilience-lab-rubbish-php .feedback h2,
body.page-template-page-resilience-lab-moodbooster-php .feedback h2,
body.page-template-page-resilience-lab-contact-php .feedback h2,
body.single-tips .feedback h2,
body.tax-tips_cat .feedback h2,
body.page-template-page-resilience-lab-php .credits a,
body.page-template-page-resilience-lab-splash-php .credits a,
body.page-template-page-resilience-blog-php .credits a,
body.page-template-page-resilience-cards-php .credits a,
body.page-template-page-resilience-lab-rubbish-php .credits a,
body.page-template-page-resilience-lab-moodbooster-php .credits a,
body.page-template-page-resilience-lab-contact-php .credits a,
body.single-tips .credits a,
body.tax-tips_cat .credits a,
body.page-template-page-resilience-lab-php .highlight,
body.page-template-page-resilience-lab-splash-php .highlight,
body.page-template-page-resilience-blog-php .highlight,
body.page-template-page-resilience-cards-php .highlight,
body.page-template-page-resilience-lab-rubbish-php .highlight,
body.page-template-page-resilience-lab-moodbooster-php .highlight,
body.page-template-page-resilience-lab-contact-php .highlight,
body.single-tips .highlight,
body.tax-tips_cat .highlight {
  font-family: 'National', sans-serif !important;
}

body.page-template-page-resilience-lab-php .popup,
body.page-template-page-resilience-lab-splash-php .popup,
body.page-template-page-resilience-blog-php .popup,
body.page-template-page-resilience-cards-php .popup,
body.page-template-page-resilience-lab-rubbish-php .popup,
body.page-template-page-resilience-lab-moodbooster-php .popup,
body.page-template-page-resilience-lab-contact-php .popup,
body.single-tips .popup,
body.tax-tips_cat .popup {
  height: 100%;
}

body.page-template-page-resilience-lab-php .popup .inner,
body.page-template-page-resilience-lab-splash-php .popup .inner,
body.page-template-page-resilience-blog-php .popup .inner,
body.page-template-page-resilience-cards-php .popup .inner,
body.page-template-page-resilience-lab-rubbish-php .popup .inner,
body.page-template-page-resilience-lab-moodbooster-php .popup .inner,
body.page-template-page-resilience-lab-contact-php .popup .inner,
body.single-tips .popup .inner,
body.tax-tips_cat .popup .inner {
  border: solid 5px #333;
  background: white !important;
  color: black !important;
  font-size: .8em;
  padding: .5em 2em 1em;
  text-align: center;
  width: 45%;
  border-radius: 20px;
}

body.page-template-page-resilience-lab-php .popup .inner a,
body.page-template-page-resilience-lab-splash-php .popup .inner a,
body.page-template-page-resilience-blog-php .popup .inner a,
body.page-template-page-resilience-cards-php .popup .inner a,
body.page-template-page-resilience-lab-rubbish-php .popup .inner a,
body.page-template-page-resilience-lab-moodbooster-php .popup .inner a,
body.page-template-page-resilience-lab-contact-php .popup .inner a,
body.single-tips .popup .inner a,
body.tax-tips_cat .popup .inner a {
  text-decoration: none;
}

body.page-template-page-resilience-lab-php .popup .inner h2,
body.page-template-page-resilience-lab-splash-php .popup .inner h2,
body.page-template-page-resilience-blog-php .popup .inner h2,
body.page-template-page-resilience-cards-php .popup .inner h2,
body.page-template-page-resilience-lab-rubbish-php .popup .inner h2,
body.page-template-page-resilience-lab-moodbooster-php .popup .inner h2,
body.page-template-page-resilience-lab-contact-php .popup .inner h2,
body.single-tips .popup .inner h2,
body.tax-tips_cat .popup .inner h2 {
  color: #e4006d !important;
}

body.page-template-page-resilience-lab-php .popup .inner p,
body.page-template-page-resilience-lab-splash-php .popup .inner p,
body.page-template-page-resilience-blog-php .popup .inner p,
body.page-template-page-resilience-cards-php .popup .inner p,
body.page-template-page-resilience-lab-rubbish-php .popup .inner p,
body.page-template-page-resilience-lab-moodbooster-php .popup .inner p,
body.page-template-page-resilience-lab-contact-php .popup .inner p,
body.single-tips .popup .inner p,
body.tax-tips_cat .popup .inner p {
  color: black !important;
}

body.page-template-page-resilience-lab-php .popup .inner .hide,
body.page-template-page-resilience-lab-splash-php .popup .inner .hide,
body.page-template-page-resilience-blog-php .popup .inner .hide,
body.page-template-page-resilience-cards-php .popup .inner .hide,
body.page-template-page-resilience-lab-rubbish-php .popup .inner .hide,
body.page-template-page-resilience-lab-moodbooster-php .popup .inner .hide,
body.page-template-page-resilience-lab-contact-php .popup .inner .hide,
body.single-tips .popup .inner .hide,
body.tax-tips_cat .popup .inner .hide {
  cursor: pointer;
  position: absolute;
  right: 1em;
  top: .5em;
}

body.page-template-page-resilience-lab-php .popup .inner .hide-call,
body.page-template-page-resilience-lab-splash-php .popup .inner .hide-call,
body.page-template-page-resilience-blog-php .popup .inner .hide-call,
body.page-template-page-resilience-cards-php .popup .inner .hide-call,
body.page-template-page-resilience-lab-rubbish-php .popup .inner .hide-call,
body.page-template-page-resilience-lab-moodbooster-php .popup .inner .hide-call,
body.page-template-page-resilience-lab-contact-php .popup .inner .hide-call,
body.single-tips .popup .inner .hide-call,
body.tax-tips_cat .popup .inner .hide-call {
  color: #e4006d;
}

body.page-template-page-resilience-lab-php .banner,
body.page-template-page-resilience-lab-splash-php .banner,
body.page-template-page-resilience-blog-php .banner,
body.page-template-page-resilience-cards-php .banner,
body.page-template-page-resilience-lab-rubbish-php .banner,
body.page-template-page-resilience-lab-moodbooster-php .banner,
body.page-template-page-resilience-lab-contact-php .banner,
body.single-tips .banner,
body.tax-tips_cat .banner {
  background-color: #444349;
  background-image: url("images/resilience-lab/dark.png");
  background-size: auto;
  background-position: 50% 0;
  background-repeat: repeat;
  height: 12em !important;
}

body.page-template-page-resilience-lab-php .banner h2.page-title,
body.page-template-page-resilience-lab-splash-php .banner h2.page-title,
body.page-template-page-resilience-blog-php .banner h2.page-title,
body.page-template-page-resilience-cards-php .banner h2.page-title,
body.page-template-page-resilience-lab-rubbish-php .banner h2.page-title,
body.page-template-page-resilience-lab-moodbooster-php .banner h2.page-title,
body.page-template-page-resilience-lab-contact-php .banner h2.page-title,
body.single-tips .banner h2.page-title,
body.tax-tips_cat .banner h2.page-title {
  margin-top: 2em;
  text-indent: -1000em;
  background-image: url("images/resilience-lab/the-resilience-lab-title.svg");
  background-size: 100%;
  width: 575px;
  height: 124px;
  background-repeat: no-repeat;
  background-color: transparent;
}

body.page-template-page-resilience-lab-php.page-template-page-resilience-lab-php .banner h2.page-title,
body.page-template-page-resilience-lab-splash-php.page-template-page-resilience-lab-php .banner h2.page-title,
body.page-template-page-resilience-blog-php.page-template-page-resilience-lab-php .banner h2.page-title,
body.page-template-page-resilience-cards-php.page-template-page-resilience-lab-php .banner h2.page-title,
body.page-template-page-resilience-lab-rubbish-php.page-template-page-resilience-lab-php .banner h2.page-title,
body.page-template-page-resilience-lab-moodbooster-php.page-template-page-resilience-lab-php .banner h2.page-title,
body.page-template-page-resilience-lab-contact-php.page-template-page-resilience-lab-php .banner h2.page-title,
body.single-tips.page-template-page-resilience-lab-php .banner h2.page-title,
body.tax-tips_cat.page-template-page-resilience-lab-php .banner h2.page-title {
  margin-top: 2.5em;
  text-indent: -1000em;
  background-image: url("images/resilience-lab/the-resilience-lab.svg");
  background-size: 100%;
  width: 575px;
  height: 210px;
  background-repeat: no-repeat;
  background-color: transparent;
}

body.page-template-page-resilience-lab-php .bgParallax,
body.page-template-page-resilience-lab-splash-php .bgParallax,
body.page-template-page-resilience-blog-php .bgParallax,
body.page-template-page-resilience-cards-php .bgParallax,
body.page-template-page-resilience-lab-rubbish-php .bgParallax,
body.page-template-page-resilience-lab-moodbooster-php .bgParallax,
body.page-template-page-resilience-lab-contact-php .bgParallax,
body.single-tips .bgParallax,
body.tax-tips_cat .bgParallax {
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
  min-height: 100%;
  background-position: 50% 0;
  background-repeat: repeat;
  background-attachment: fixed;
}

body.page-template-page-resilience-lab-php .footer,
body.page-template-page-resilience-lab-splash-php .footer,
body.page-template-page-resilience-blog-php .footer,
body.page-template-page-resilience-cards-php .footer,
body.page-template-page-resilience-lab-rubbish-php .footer,
body.page-template-page-resilience-lab-moodbooster-php .footer,
body.page-template-page-resilience-lab-contact-php .footer,
body.single-tips .footer,
body.tax-tips_cat .footer {
  background-image: url("images/resilience-lab/dark.png");
  background-size: auto;
  color: #fff;
}

body.page-template-page-resilience-lab-php .footer input[type=submit],
body.page-template-page-resilience-lab-splash-php .footer input[type=submit],
body.page-template-page-resilience-blog-php .footer input[type=submit],
body.page-template-page-resilience-cards-php .footer input[type=submit],
body.page-template-page-resilience-lab-rubbish-php .footer input[type=submit],
body.page-template-page-resilience-lab-moodbooster-php .footer input[type=submit],
body.page-template-page-resilience-lab-contact-php .footer input[type=submit],
body.single-tips .footer input[type=submit],
body.tax-tips_cat .footer input[type=submit] {
  font-family: 'National', sans-serif;
}

body.page-template-page-resilience-lab-php #content,
body.page-template-page-resilience-lab-splash-php #content,
body.page-template-page-resilience-blog-php #content,
body.page-template-page-resilience-cards-php #content,
body.page-template-page-resilience-lab-rubbish-php #content,
body.page-template-page-resilience-lab-moodbooster-php #content,
body.page-template-page-resilience-lab-contact-php #content,
body.single-tips #content,
body.tax-tips_cat #content {
  transition: all ease-out .5s;
}

body.page-template-page-resilience-lab-php #content #inner-content,
body.page-template-page-resilience-lab-splash-php #content #inner-content,
body.page-template-page-resilience-blog-php #content #inner-content,
body.page-template-page-resilience-cards-php #content #inner-content,
body.page-template-page-resilience-lab-rubbish-php #content #inner-content,
body.page-template-page-resilience-lab-moodbooster-php #content #inner-content,
body.page-template-page-resilience-lab-contact-php #content #inner-content,
body.single-tips #content #inner-content,
body.tax-tips_cat #content #inner-content {
  margin-top: 0;
}

body.page-template-page-resilience-lab-php #content #inner-content .frame,
body.page-template-page-resilience-lab-splash-php #content #inner-content .frame,
body.page-template-page-resilience-blog-php #content #inner-content .frame,
body.page-template-page-resilience-cards-php #content #inner-content .frame,
body.page-template-page-resilience-lab-rubbish-php #content #inner-content .frame,
body.page-template-page-resilience-lab-moodbooster-php #content #inner-content .frame,
body.page-template-page-resilience-lab-contact-php #content #inner-content .frame,
body.single-tips #content #inner-content .frame,
body.tax-tips_cat #content #inner-content .frame {
  background-image: url("images/resilience-lab/frame.png");
  background-position: center;
  height: 82px;
  margin-bottom: -1.2em;
}

body.page-template-page-resilience-lab-php #content #inner-content .content-holder,
body.page-template-page-resilience-lab-splash-php #content #inner-content .content-holder,
body.page-template-page-resilience-blog-php #content #inner-content .content-holder,
body.page-template-page-resilience-cards-php #content #inner-content .content-holder,
body.page-template-page-resilience-lab-rubbish-php #content #inner-content .content-holder,
body.page-template-page-resilience-lab-moodbooster-php #content #inner-content .content-holder,
body.page-template-page-resilience-lab-contact-php #content #inner-content .content-holder,
body.single-tips #content #inner-content .content-holder,
body.tax-tips_cat #content #inner-content .content-holder {
  background-image: url("images/resilience-lab/light.png");
  background-size: auto;
}

body.page-template-page-resilience-lab-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab,
body.page-template-page-resilience-blog-php #navigation-resilience-lab,
body.page-template-page-resilience-cards-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab,
body.single-tips #navigation-resilience-lab,
body.tax-tips_cat #navigation-resilience-lab {
  opacity: 0;
  background: #e4006d;
  background: rgba(228, 0, 109, 0.95);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -10;
  font-size: 2em;
  display: table;
  transition: all ease-out .5s;
}

body.page-template-page-resilience-lab-php #navigation-resilience-lab.open,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab.open,
body.page-template-page-resilience-blog-php #navigation-resilience-lab.open,
body.page-template-page-resilience-cards-php #navigation-resilience-lab.open,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab.open,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab.open,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab.open,
body.single-tips #navigation-resilience-lab.open,
body.tax-tips_cat #navigation-resilience-lab.open {
  opacity: 1;
  z-index: 100000;
}

body.page-template-page-resilience-lab-php #navigation-resilience-lab .nav-toggle,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab .nav-toggle,
body.page-template-page-resilience-blog-php #navigation-resilience-lab .nav-toggle,
body.page-template-page-resilience-cards-php #navigation-resilience-lab .nav-toggle,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab .nav-toggle,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab .nav-toggle,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab .nav-toggle,
body.single-tips #navigation-resilience-lab .nav-toggle,
body.tax-tips_cat #navigation-resilience-lab .nav-toggle {
  position: absolute;
  right: 1em;
  top: .5em;
}

body.page-template-page-resilience-lab-php #navigation-resilience-lab .menu-resilience-lab-container,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab .menu-resilience-lab-container,
body.page-template-page-resilience-blog-php #navigation-resilience-lab .menu-resilience-lab-container,
body.page-template-page-resilience-cards-php #navigation-resilience-lab .menu-resilience-lab-container,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab .menu-resilience-lab-container,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab .menu-resilience-lab-container,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab .menu-resilience-lab-container,
body.single-tips #navigation-resilience-lab .menu-resilience-lab-container,
body.tax-tips_cat #navigation-resilience-lab .menu-resilience-lab-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

body.page-template-page-resilience-lab-php #navigation-resilience-lab a,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab a,
body.page-template-page-resilience-blog-php #navigation-resilience-lab a,
body.page-template-page-resilience-cards-php #navigation-resilience-lab a,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab a,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab a,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab a,
body.single-tips #navigation-resilience-lab a,
body.tax-tips_cat #navigation-resilience-lab a {
  color: #ffef5f;
  text-decoration: none;
  border: 0;
}

body.page-template-page-resilience-lab-php #navigation-resilience-lab .back,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab .back,
body.page-template-page-resilience-blog-php #navigation-resilience-lab .back,
body.page-template-page-resilience-cards-php #navigation-resilience-lab .back,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab .back,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab .back,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab .back,
body.single-tips #navigation-resilience-lab .back,
body.tax-tips_cat #navigation-resilience-lab .back {
  position: absolute;
  bottom: 2em;
  left: 0;
  width: 100%;
  text-align: center;
  text-indent: -1000em;
  height: 2.5em;
}

body.page-template-page-resilience-lab-php #navigation-resilience-lab .back .icon,
body.page-template-page-resilience-lab-splash-php #navigation-resilience-lab .back .icon,
body.page-template-page-resilience-blog-php #navigation-resilience-lab .back .icon,
body.page-template-page-resilience-cards-php #navigation-resilience-lab .back .icon,
body.page-template-page-resilience-lab-rubbish-php #navigation-resilience-lab .back .icon,
body.page-template-page-resilience-lab-moodbooster-php #navigation-resilience-lab .back .icon,
body.page-template-page-resilience-lab-contact-php #navigation-resilience-lab .back .icon,
body.single-tips #navigation-resilience-lab .back .icon,
body.tax-tips_cat #navigation-resilience-lab .back .icon {
  position: relative;
  display: block;
  margin: 0 auto;
  background: url("images/resilience-lab/menu-back.svg") no-repeat center;
  background-size: contain;
  height: 2.5em;
  width: 3em;
}

body.page-template-page-resilience-lab-php a.btn,
body.page-template-page-resilience-lab-splash-php a.btn,
body.page-template-page-resilience-blog-php a.btn,
body.page-template-page-resilience-cards-php a.btn,
body.page-template-page-resilience-lab-rubbish-php a.btn,
body.page-template-page-resilience-lab-moodbooster-php a.btn,
body.page-template-page-resilience-lab-contact-php a.btn,
body.single-tips a.btn,
body.tax-tips_cat a.btn,
body.page-template-page-resilience-lab-php input[type=submit],
body.page-template-page-resilience-lab-splash-php input[type=submit],
body.page-template-page-resilience-blog-php input[type=submit],
body.page-template-page-resilience-cards-php input[type=submit],
body.page-template-page-resilience-lab-rubbish-php input[type=submit],
body.page-template-page-resilience-lab-moodbooster-php input[type=submit],
body.page-template-page-resilience-lab-contact-php input[type=submit],
body.single-tips input[type=submit],
body.tax-tips_cat input[type=submit],
body.page-template-page-resilience-lab-php input[type=button],
body.page-template-page-resilience-lab-splash-php input[type=button],
body.page-template-page-resilience-blog-php input[type=button],
body.page-template-page-resilience-cards-php input[type=button],
body.page-template-page-resilience-lab-rubbish-php input[type=button],
body.page-template-page-resilience-lab-moodbooster-php input[type=button],
body.page-template-page-resilience-lab-contact-php input[type=button],
body.single-tips input[type=button],
body.tax-tips_cat input[type=button] {
  background: #e4006d;
  color: #FFF;
  border: 0;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: .25em 1em .2em;
  border-radius: .4em;
}

body.page-template-page-resilience-lab-php a.btn:hover,
body.page-template-page-resilience-lab-splash-php a.btn:hover,
body.page-template-page-resilience-blog-php a.btn:hover,
body.page-template-page-resilience-cards-php a.btn:hover,
body.page-template-page-resilience-lab-rubbish-php a.btn:hover,
body.page-template-page-resilience-lab-moodbooster-php a.btn:hover,
body.page-template-page-resilience-lab-contact-php a.btn:hover,
body.single-tips a.btn:hover,
body.tax-tips_cat a.btn:hover,
body.page-template-page-resilience-lab-php input[type=submit]:hover,
body.page-template-page-resilience-lab-splash-php input[type=submit]:hover,
body.page-template-page-resilience-blog-php input[type=submit]:hover,
body.page-template-page-resilience-cards-php input[type=submit]:hover,
body.page-template-page-resilience-lab-rubbish-php input[type=submit]:hover,
body.page-template-page-resilience-lab-moodbooster-php input[type=submit]:hover,
body.page-template-page-resilience-lab-contact-php input[type=submit]:hover,
body.single-tips input[type=submit]:hover,
body.tax-tips_cat input[type=submit]:hover,
body.page-template-page-resilience-lab-php input[type=button]:hover,
body.page-template-page-resilience-lab-splash-php input[type=button]:hover,
body.page-template-page-resilience-blog-php input[type=button]:hover,
body.page-template-page-resilience-cards-php input[type=button]:hover,
body.page-template-page-resilience-lab-rubbish-php input[type=button]:hover,
body.page-template-page-resilience-lab-moodbooster-php input[type=button]:hover,
body.page-template-page-resilience-lab-contact-php input[type=button]:hover,
body.single-tips input[type=button]:hover,
body.tax-tips_cat input[type=button]:hover,
body.page-template-page-resilience-lab-php a.btn:focus,
body.page-template-page-resilience-lab-splash-php a.btn:focus,
body.page-template-page-resilience-blog-php a.btn:focus,
body.page-template-page-resilience-cards-php a.btn:focus,
body.page-template-page-resilience-lab-rubbish-php a.btn:focus,
body.page-template-page-resilience-lab-moodbooster-php a.btn:focus,
body.page-template-page-resilience-lab-contact-php a.btn:focus,
body.single-tips a.btn:focus,
body.tax-tips_cat a.btn:focus,
body.page-template-page-resilience-lab-php input[type=submit]:focus,
body.page-template-page-resilience-lab-splash-php input[type=submit]:focus,
body.page-template-page-resilience-blog-php input[type=submit]:focus,
body.page-template-page-resilience-cards-php input[type=submit]:focus,
body.page-template-page-resilience-lab-rubbish-php input[type=submit]:focus,
body.page-template-page-resilience-lab-moodbooster-php input[type=submit]:focus,
body.page-template-page-resilience-lab-contact-php input[type=submit]:focus,
body.single-tips input[type=submit]:focus,
body.tax-tips_cat input[type=submit]:focus,
body.page-template-page-resilience-lab-php input[type=button]:focus,
body.page-template-page-resilience-lab-splash-php input[type=button]:focus,
body.page-template-page-resilience-blog-php input[type=button]:focus,
body.page-template-page-resilience-cards-php input[type=button]:focus,
body.page-template-page-resilience-lab-rubbish-php input[type=button]:focus,
body.page-template-page-resilience-lab-moodbooster-php input[type=button]:focus,
body.page-template-page-resilience-lab-contact-php input[type=button]:focus,
body.single-tips input[type=button]:focus,
body.tax-tips_cat input[type=button]:focus {
  background: #d30772;
}

body.page-template-page-resilience-lab-php h2,
body.page-template-page-resilience-lab-splash-php h2,
body.page-template-page-resilience-blog-php h2,
body.page-template-page-resilience-cards-php h2,
body.page-template-page-resilience-lab-rubbish-php h2,
body.page-template-page-resilience-lab-moodbooster-php h2,
body.page-template-page-resilience-lab-contact-php h2,
body.single-tips h2,
body.tax-tips_cat h2 {
  color: #e4006d;
  font-size: 2em;
  line-height: 110%;
}

body.page-template-page-resilience-lab-php hr,
body.page-template-page-resilience-lab-splash-php hr,
body.page-template-page-resilience-blog-php hr,
body.page-template-page-resilience-cards-php hr,
body.page-template-page-resilience-lab-rubbish-php hr,
body.page-template-page-resilience-lab-moodbooster-php hr,
body.page-template-page-resilience-lab-contact-php hr,
body.single-tips hr,
body.tax-tips_cat hr {
  background: url("images/resilience-lab/divide-smile.svg") no-repeat center;
  background-size: contain;
  height: 15px;
  width: 70%;
}

body.page-template-page-resilience-lab-php #call-popup-holder #call-popup .inner,
body.page-template-page-resilience-lab-splash-php #call-popup-holder #call-popup .inner,
body.page-template-page-resilience-blog-php #call-popup-holder #call-popup .inner,
body.page-template-page-resilience-cards-php #call-popup-holder #call-popup .inner,
body.page-template-page-resilience-lab-rubbish-php #call-popup-holder #call-popup .inner,
body.page-template-page-resilience-lab-moodbooster-php #call-popup-holder #call-popup .inner,
body.page-template-page-resilience-lab-contact-php #call-popup-holder #call-popup .inner,
body.single-tips #call-popup-holder #call-popup .inner,
body.tax-tips_cat #call-popup-holder #call-popup .inner {
  background: #e4006d;
}

body.page-template-page-resilience-lab-php #call-popup-holder #call-popup .inner h2,
body.page-template-page-resilience-lab-splash-php #call-popup-holder #call-popup .inner h2,
body.page-template-page-resilience-blog-php #call-popup-holder #call-popup .inner h2,
body.page-template-page-resilience-cards-php #call-popup-holder #call-popup .inner h2,
body.page-template-page-resilience-lab-rubbish-php #call-popup-holder #call-popup .inner h2,
body.page-template-page-resilience-lab-moodbooster-php #call-popup-holder #call-popup .inner h2,
body.page-template-page-resilience-lab-contact-php #call-popup-holder #call-popup .inner h2,
body.single-tips #call-popup-holder #call-popup .inner h2,
body.tax-tips_cat #call-popup-holder #call-popup .inner h2 {
  color: #fff;
}

body.page-template-page-resilience-lab-php form p,
body.page-template-page-resilience-lab-splash-php form p,
body.page-template-page-resilience-blog-php form p,
body.page-template-page-resilience-cards-php form p,
body.page-template-page-resilience-lab-rubbish-php form p,
body.page-template-page-resilience-lab-moodbooster-php form p,
body.page-template-page-resilience-lab-contact-php form p,
body.single-tips form p,
body.tax-tips_cat form p {
  position: relative;
}

body.page-template-page-resilience-lab-php form p label,
body.page-template-page-resilience-lab-splash-php form p label,
body.page-template-page-resilience-blog-php form p label,
body.page-template-page-resilience-cards-php form p label,
body.page-template-page-resilience-lab-rubbish-php form p label,
body.page-template-page-resilience-lab-moodbooster-php form p label,
body.page-template-page-resilience-lab-contact-php form p label,
body.single-tips form p label,
body.tax-tips_cat form p label {
  position: absolute;
  margin: .6em;
  z-index: 10;
  text-transform: none;
  color: black;
}

body.page-template-page-resilience-lab-php input[type=text],
body.page-template-page-resilience-lab-splash-php input[type=text],
body.page-template-page-resilience-blog-php input[type=text],
body.page-template-page-resilience-cards-php input[type=text],
body.page-template-page-resilience-lab-rubbish-php input[type=text],
body.page-template-page-resilience-lab-moodbooster-php input[type=text],
body.page-template-page-resilience-lab-contact-php input[type=text],
body.single-tips input[type=text],
body.tax-tips_cat input[type=text],
body.page-template-page-resilience-lab-php input[type=email],
body.page-template-page-resilience-lab-splash-php input[type=email],
body.page-template-page-resilience-blog-php input[type=email],
body.page-template-page-resilience-cards-php input[type=email],
body.page-template-page-resilience-lab-rubbish-php input[type=email],
body.page-template-page-resilience-lab-moodbooster-php input[type=email],
body.page-template-page-resilience-lab-contact-php input[type=email],
body.single-tips input[type=email],
body.tax-tips_cat input[type=email],
body.page-template-page-resilience-lab-php input[type=tel],
body.page-template-page-resilience-lab-splash-php input[type=tel],
body.page-template-page-resilience-blog-php input[type=tel],
body.page-template-page-resilience-cards-php input[type=tel],
body.page-template-page-resilience-lab-rubbish-php input[type=tel],
body.page-template-page-resilience-lab-moodbooster-php input[type=tel],
body.page-template-page-resilience-lab-contact-php input[type=tel],
body.single-tips input[type=tel],
body.tax-tips_cat input[type=tel],
body.page-template-page-resilience-lab-php textarea,
body.page-template-page-resilience-lab-splash-php textarea,
body.page-template-page-resilience-blog-php textarea,
body.page-template-page-resilience-cards-php textarea,
body.page-template-page-resilience-lab-rubbish-php textarea,
body.page-template-page-resilience-lab-moodbooster-php textarea,
body.page-template-page-resilience-lab-contact-php textarea,
body.single-tips textarea,
body.tax-tips_cat textarea {
  background: white;
  border: solid 1px #CCC;
  width: 100%;
  text-align: left;
  padding: .2em .6em;
  margin: .5em 0;
}

#resilience-welcome-wrap {
  background: #e4006d;
  background: rgba(228, 0, 109, 0.8);
  position: fixed;
  cursor: pointer;
  opacity: 1;
  z-index: 100;
  transition: all ease-out .5s;
}

#resilience-welcome-wrap.hidden {
  opacity: 0;
  z-index: 0;
  top: 0;
}

#resilience-welcome-wrap #resilience-welcome {
  background-position: 50% 0;
  background-repeat: repeat;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  position: absolute;
  transition: all ease-out .5s;
  font-size: 1.1em;
}

#resilience-welcome-wrap #resilience-welcome .inner {
  top: 10%;
  width: 80%;
}

#resilience-welcome-wrap #resilience-welcome .text-wrap {
  display: table;
  height: 100%;
  width: 100%;
}

#resilience-welcome-wrap #resilience-welcome .text-wrap .text {
  display: table-cell;
  vertical-align: middle;
}

#resilience-welcome-wrap #resilience-welcome .text-wrap .text h2,
#resilience-welcome-wrap #resilience-welcome .text-wrap .text h3,
#resilience-welcome-wrap #resilience-welcome .text-wrap .text h4,
#resilience-welcome-wrap #resilience-welcome .text-wrap .text p {
  width: 70%;
  margin: 0 auto !important;
}

#resilience-welcome-wrap #resilience-welcome .text-wrap .text h2 {
  margin: 1em auto .5em !important;
  padding-top: 0;
  line-height: 100%;
  text-align: center;
}

#resilience-welcome-wrap #resilience-welcome .text-wrap .text p {
  color: #fff;
  max-width: 70%;
}

#resilience-welcome-wrap #resilience-welcome h2 {
  margin-top: 0;
}

body.page-template-page-resilience-blog-php .entry-title,
body.tax-tips_cat .entry-title {
  text-align: center;
  margin: -3.2em auto 0 !important;
}

body.page-template-page-resilience-blog-php #menu-blog,
body.tax-tips_cat #menu-blog {
  background: 0;
}

body.page-template-page-resilience-blog-php #main,
body.tax-tips_cat #main {
  margin-top: 2em;
}

body.page-template-page-resilience-blog-php #main article,
body.tax-tips_cat #main article {
  margin-bottom: 3em;
}

body.page-template-page-resilience-blog-php #main h2,
body.tax-tips_cat #main h2,
body.page-template-page-resilience-blog-php #main h3,
body.tax-tips_cat #main h3,
body.page-template-page-resilience-blog-php #main h4,
body.tax-tips_cat #main h4,
body.page-template-page-resilience-blog-php #main h5,
body.tax-tips_cat #main h5,
body.page-template-page-resilience-blog-php #main h6,
body.tax-tips_cat #main h6 {
  text-align: center !important;
  max-width: 600px;
  margin: 1em auto 0;
}

body.page-template-page-resilience-blog-php .post-block a,
body.tax-tips_cat .post-block a {
  background: #ffbf00;
  height: 12em;
  transition: all ease-out .5s;
}

body.page-template-page-resilience-blog-php .post-block a:hover,
body.tax-tips_cat .post-block a:hover {
  background: #cde4d8;
}

body.page-template-page-resilience-blog-php .post-block .block-text,
body.tax-tips_cat .post-block .block-text {
  opacity: 1 !important;
  background-color: transparent !important;
}

body.page-template-page-resilience-blog-php .post-block .block-text:hover,
body.tax-tips_cat .post-block .block-text:hover {
  background: #cde4d8;
}

body.page-template-page-resilience-blog-php .post-block .block-text .text-holder .text-inner h2,
body.tax-tips_cat .post-block .block-text .text-holder .text-inner h2 {
  margin-top: 0 !important;
}

.entry-content .card-grid {
  text-align: center;
  margin-right: -1.5em;
}

.entry-content .card-container {
  position: relative;
  width: 200px;
  height: 281px;
  z-index: 1;
  margin: 0 3% 1.5em 0;
  display: inline-block;
  vertical-align: top;
  -o-perspective: 1000px;
  perspective: 1000;
}

.entry-content .card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -o-transition: all .5s linear;
  box-shadow: 5px 5px 5px #aaa;
}

.entry-content .card p {
  max-width: 100% !important;
  min-width: 0 !important;
}

.entry-content .card-container:hover .card,
.entry-content .card-container.flip .card {
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
  box-shadow: -5px 5px 5px #aaa;
}

.entry-content .face.front {
  background: white;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.entry-content .face.back {
  font-size: .8em;
  display: block;
  transform: rotateY(-180deg);
  box-sizing: border-box;
  padding: .2em;
  color: white;
  text-align: center;
  background-color: #333;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.entry-content .face h3 {
  margin-top: .5em;
}

.entry-content .face p {
  width: 85% !important;
  text-align: center !important;
  color: white;
  margin: auto;
}

body.page-template-page-resilience-lab-splash-php #navigation {
  display: block;
}

body.page-template-page-resilience-lab-splash-php #container {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

body.page-template-page-resilience-lab-splash-php #container #splash {
  background-image: url("images/resilience-lab/dark.png");
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

body.page-template-page-resilience-lab-splash-php #container #splash .splash-content {
  display: table;
  width: 100%;
  text-align: center;
  height: 100%;
}

body.page-template-page-resilience-lab-splash-php #container #splash .splash-content .wrap {
  display: table-cell;
  vertical-align: middle;
}

body.page-template-page-resilience-lab-splash-php .footer {
  display: none;
}

#resilience-popup {
  display: none;
  opacity: 0;
  z-index: 100;
  transition: opacity ease-in .5s;
}

#resilience-popup.open {
  display: table;
  opacity: 1;
}

.rubbish-holder {
  width: 60%;
  position: relative;
  margin: 0 auto 2em;
}

.rubbish-holder .pile {
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 100% !important;
}

.rubbish-holder .tv {
  width: 15%;
  top: 67%;
  left: 51%;
  height: 12.4%;
}

.rubbish-holder .cone-blue {
  width: 15%;
  top: 28%;
  left: 60%;
  height: 12.2%;
}

.rubbish-holder .cone-yellow {
  width: 12.5%;
  top: 56.7%;
  left: 25.5%;
  height: 12.8%;
}

.rubbish-holder .toaster {
  width: 10%;
  top: 15%;
  left: 36%;
  height: 6.15%;
}

.rubbish-holder .umbrella {
  width: 27%;
  top: 69%;
  left: 2%;
  height: 20.95%;
}

.rubbish-holder .ladder {
  width: 14%;
  top: 40%;
  left: 58%;
  height: 17.35%;
}

.rubbish-holder .pipe {
  width: 10%;
  top: 66%;
  left: 83%;
  height: 5.95%;
}

.rubbish-holder .ball {
  width: 6.5%;
  top: 5.2%;
  left: 51.6%;
  height: 4.9%;
}

.rubbish-holder .tyre1 {
  width: 10%;
  top: 3%;
  left: 36%;
  height: 8.6%;
}

.rubbish-holder .tyre2 {
  width: 11%;
  top: 32.5%;
  left: 48%;
  height: 9.5%;
}

.rubbish-holder .tyre3 {
  width: 12%;
  top: 75%;
  left: 60%;
  height: 10.8%;
}

.rubbish-holder a {
  cursor: default;
  display: block;
  position: absolute;
  overflow: hidden;
}

.rubbish-holder a img {
  display: block;
  height: auto;
  width: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.rubbish-holder a[data-title] {
  cursor: pointer;
}

.rubbish-holder a[data-title]:hover img {
  top: -100%;
}

.wheel-note {
  display: none;
}

.wheel {
  position: relative;
  width: 700px;
  height: 700px;
  margin: 0 auto;
}

.wheel #canvas-holder {
  display: block;
  width: 500px;
  height: 500px;
  top: 100px;
  left: 100px;
  position: absolute;
}

.wheel #canvas-holder canvas {
  position: absolute;
  left: 0;
  top: 0;
  -ms-transform: rotate(-15deg);
      transform: rotate(-15deg);
}

.wheel .wheel-diagram {
  z-index: 100;
  width: 630px;
  height: 700px;
  display: block;
  position: absolute;
  margin: 0 5%;
}

.wheel .rating-holder {
  width: 500px;
  height: 500px;
  top: 100px;
  left: 100px;
  display: block;
  position: absolute;
}

.wheel .rating-holder ul {
  width: auto;
  min-width: 0;
  position: absolute;
  font-size: .8em;
  z-index: 101;
  margin: 0;
}

.wheel .rating-holder ul.school {
  left: 47.7%;
  top: .5%;
}

.wheel .rating-holder ul.housing {
  left: 62%;
  top: 5%;
  -ms-transform: rotate(30deg);
      transform: rotate(30deg);
}

.wheel .rating-holder ul.friends {
  left: 73%;
  top: 15.5%;
  -ms-transform: rotate(60deg);
      transform: rotate(60deg);
}

.wheel .rating-holder ul.alchohol {
  left: 76.5%;
  top: 29.7%;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

.wheel .rating-holder ul.cultural {
  left: 72.5%;
  top: 43.7%;
  -ms-transform: rotate(119deg);
      transform: rotate(119deg);
}

.wheel .rating-holder ul.eating {
  left: 62.5%;
  top: 54.5%;
  -ms-transform: rotate(149deg);
      transform: rotate(149deg);
}

.wheel .rating-holder ul.sexual {
  left: 47.6%;
  top: 58.7%;
}

.wheel .rating-holder ul.money {
  left: 33%;
  top: 54.5%;
  -ms-transform: rotate(31deg);
      transform: rotate(31deg);
}

.wheel .rating-holder ul.sleep {
  left: 22.5%;
  top: 44%;
  -ms-transform: rotate(60deg);
      transform: rotate(60deg);
}

.wheel .rating-holder ul.family {
  left: 19%;
  top: 30%;
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}

.wheel .rating-holder ul.confidence {
  left: 22.6%;
  top: 15.7%;
  -ms-transform: rotate(-61deg);
      transform: rotate(-61deg);
}

.wheel .rating-holder ul.hopes {
  left: 32.6%;
  top: 5%;
  -ms-transform: rotate(-31deg);
      transform: rotate(-31deg);
}

.wheel .rating-holder ul li {
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: block;
  opacity: 0;
}

#wheel-solution {
  display: none;
}

#moodbooster {
  position: relative;
  width: 629px;
  margin: 0 auto;
}

#moodbooster img {
  width: 629px;
}

#moodbooster .minute,
#moodbooster .hour,
#moodbooster .day {
  position: absolute;
  width: 21%;
  height: 28.8%;
  background: #cde4d8 no-repeat center;
  border: pink;
  top: 36%;
  background-size: contain;
  cursor: pointer;
}

#moodbooster .minute.minute,
#moodbooster .hour.minute,
#moodbooster .day.minute {
  left: 14.7%;
}

#moodbooster .minute.minute.animate,
#moodbooster .hour.minute.animate,
#moodbooster .day.minute.animate {
  background-image: url("images/resilience-lab/moodbooster/Reel-Minute.gif");
}

#moodbooster .minute.hour,
#moodbooster .hour.hour,
#moodbooster .day.hour {
  left: 39.65%;
}

#moodbooster .minute.hour.animate,
#moodbooster .hour.hour.animate,
#moodbooster .day.hour.animate {
  background-image: url("images/resilience-lab/moodbooster/Reel-Hour.gif");
}

#moodbooster .minute.day,
#moodbooster .hour.day,
#moodbooster .day.day {
  left: 64.4%;
}

#moodbooster .minute.day.animate,
#moodbooster .hour.day.animate,
#moodbooster .day.day.animate {
  background-image: url("images/resilience-lab/moodbooster/Reel-Day.gif");
}

#moodbooster .minute.day-change,
#moodbooster .hour.day-change,
#moodbooster .day.day-change {
  background-image: url("images/resilience-lab/moodbooster/illustrations/All-Day-Change.png");
}

#moodbooster .minute.day-disconnect,
#moodbooster .hour.day-disconnect,
#moodbooster .day.day-disconnect {
  background-image: url("images/resilience-lab/moodbooster/illustrations/All-Day-Disconnect.png");
}

#moodbooster .minute.day-give,
#moodbooster .hour.day-give,
#moodbooster .day.day-give {
  background-image: url("images/resilience-lab/moodbooster/illustrations/All-Day-Give.png");
}

#moodbooster .minute.day-volunteer,
#moodbooster .hour.day-volunteer,
#moodbooster .day.day-volunteer {
  background-image: url("images/resilience-lab/moodbooster/illustrations/All-Day-Volunteer.png");
}

#moodbooster .minute.day-friends,
#moodbooster .hour.day-friends,
#moodbooster .day.day-friends {
  background-image: url("images/resilience-lab/moodbooster/illustrations/All-Day-Friends.png");
}

#moodbooster .minute.hour-art,
#moodbooster .hour.hour-art,
#moodbooster .day.hour-art {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Art-Attack.png");
}

#moodbooster .minute.hour-kind,
#moodbooster .hour.hour-kind,
#moodbooster .day.hour-kind {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Be-Kind.png");
}

#moodbooster .minute.hour-connect,
#moodbooster .hour.hour-connect,
#moodbooster .day.hour-connect {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Connect.png");
}

#moodbooster .minute.hour-active1,
#moodbooster .hour.hour-active1,
#moodbooster .day.hour-active1 {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Get-Active-1.png");
}

#moodbooster .minute.hour-active2,
#moodbooster .hour.hour-active2,
#moodbooster .day.hour-active2 {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Get-Active-2.png");
}

#moodbooster .minute.hour-outside,
#moodbooster .hour.hour-outside,
#moodbooster .day.hour-outside {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Get-Outside.png");
}

#moodbooster .minute.hour-liquid,
#moodbooster .hour.hour-liquid,
#moodbooster .day.hour-liquid {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Liquid-Hug.png");
}

#moodbooster .minute.hour-music,
#moodbooster .hour.hour-music,
#moodbooster .day.hour-music {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Music.png");
}

#moodbooster .minute.hour-scream,
#moodbooster .hour.hour-scream,
#moodbooster .day.hour-scream {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Scream.png");
}

#moodbooster .minute.hour-stretch,
#moodbooster .hour.hour-stretch,
#moodbooster .day.hour-stretch {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Stretch.png");
}

#moodbooster .minute.hour-walk,
#moodbooster .hour.hour-walk,
#moodbooster .day.hour-walk {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Walk-It-Out.png");
}

#moodbooster .minute.hour-write,
#moodbooster .hour.hour-write,
#moodbooster .day.hour-write {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Hours-Write-it-Down.png");
}

#moodbooster .minute.min-change,
#moodbooster .hour.min-change,
#moodbooster .day.min-change {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Change.png");
}

#moodbooster .minute.min-clear,
#moodbooster .hour.min-clear,
#moodbooster .day.min-clear {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Clear-Clutter.png");
}

#moodbooster .minute.min-connect,
#moodbooster .hour.min-connect,
#moodbooster .day.min-connect {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Connect.png");
}

#moodbooster .minute.min-hug,
#moodbooster .hour.min-hug,
#moodbooster .day.min-hug {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Hug.png");
}

#moodbooster .minute.min-laugh,
#moodbooster .hour.min-laugh,
#moodbooster .day.min-laugh {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Laugh.png");
}

#moodbooster .minute.min-notice,
#moodbooster .hour.min-notice,
#moodbooster .day.min-notice {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Notice.png");
}

#moodbooster .minute.min-pause,
#moodbooster .hour.min-pause,
#moodbooster .day.min-pause {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Pause.png");
}

#moodbooster .minute.min-reflect,
#moodbooster .hour.min-reflect,
#moodbooster .day.min-reflect {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Reflect.png");
}

#moodbooster .minute.min-text,
#moodbooster .hour.min-text,
#moodbooster .day.min-text {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Text.png");
}

#moodbooster .minute.min-treat,
#moodbooster .hour.min-treat,
#moodbooster .day.min-treat {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Treat.png");
}

#moodbooster .minute.min-write,
#moodbooster .hour.min-write,
#moodbooster .day.min-write {
  background-image: url("images/resilience-lab/moodbooster/illustrations/Minutes-Write-List.png");
}

#moodbooster .go {
  background-image: url("images/resilience-lab/moodbooster/moodbooster-btn-green.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  cursor: pointer;
  text-indent: -1000em;
  position: absolute;
  height: 3.5em;
  width: 12%;
  top: 281px;
  left: 44.25%;
}

#moodbooster .go.spinning {
  background-image: url("images/resilience-lab/moodbooster/moodbooster-btn-red.png");
}

#moodsolutions img {
  margin: 1em auto;
  display: block;
  width: 450px;
  height: 208px;
}

#moodsolutions {
  display: none;
  position: relative;
}

#moodsolutions .solution-prev,
#moodsolutions .solution-next {
  text-indent: -1000em;
  z-index: 100;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 13.5em;
  position: absolute;
  cursor: pointer;
}

#moodsolutions .solution-prev.solution-prev,
#moodsolutions .solution-next.solution-prev {
  background-image: url("images/resilience-lab/moodbooster/icon-prev.png");
  left: 1.5em;
}

#moodsolutions .solution-prev.solution-next,
#moodsolutions .solution-next.solution-next {
  background-image: url("images/resilience-lab/moodbooster/icon-next.png");
  right: 1.5em;
}

#moodsolutions .solutions-text {
  position: relative;
  margin: -224px auto 0;
  width: 450px;
  text-align: center;
}

#moodsolutions .solutions-text .solutions-description {
  width: 450px !important;
  height: 13em;
}

#moodsolutions .solutions-text .solutions-description div {
  width: 450px !important;
  height: 100%;
  text-align: center;
}

#moodsolutions .solutions-text .solutions-description div p,
#moodsolutions .solutions-text .solutions-description div h2 {
  opacity: 1;
  transition: opacity ease-out .5s;
}

#moodsolutions .solutions-text .solutions-description div.hidden p,
#moodsolutions .solutions-text .solutions-description div.hidden h2 {
  opacity: 0;
}

#moodsolutions .solutions-text .solutions-description div .type {
  font-size: 1.15em;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  top: 26px;
  left: 20%;
  width: 60%;
}

#moodsolutions .solutions-text .solutions-description div h2 {
  font-size: 2em;
  text-transform: uppercase;
  margin: 1.35em auto 1.05em;
  text-align: center;
  position: absolute;
  top: 45px;
  left: 20%;
  width: 60%;
}

#moodsolutions .solutions-text .solutions-description div .blurb {
  padding: 0 10%;
  margin: 0 auto;
  height: 3em;
  overflow: hidden;
  position: absolute;
  top: 150px;
  left: 5%;
  width: 90%;
  font-size: 12px;
}

#moodbooster,
#moodsolutions {
  display: block;
}

#moodbooster-mobile {
  display: none;
}

@media only screen and (max-width: 480px) {
  .rubbish-holder .ball {
    height: 4.1%;
  }
  .rubbish-holder .cone-blue {
    height: 10%;
  }
  .rubbish-holder .cone-yellow {
    height: 11.5%;
  }
  .rubbish-holder .ladder {
    height: 15%;
  }
  .rubbish-holder .pipe {
    height: 5.3%;
  }
  .rubbish-holder .toaster {
    height: 5.3%;
  }
  .rubbish-holder .tv {
    height: 11%;
  }
  .rubbish-holder .tyre1 {
    height: 7.5%;
  }
  .rubbish-holder .tyre2 {
    height: 8.2%;
  }
  .rubbish-holder .tyre3 {
    height: 9.5%;
  }
  .rubbish-holder .umbrella {
    height: 18.9%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 485px) {
  #welcomeVid {
    height: 100px;
    width: 100px;
  }
  #resilience-welcome-wrap #resilience-welcome .inner {
    font-size: .5em;
    width: 135%;
  }
  .entry-content .card-container {
    width: 84%;
    height: 12.25em;
    margin: 0 0 1.5em -8%;
  }
  .entry-content .card-container .face.front {
    width: 50%;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
  .entry-content .card-container .face.back {
    width: 50%;
    margin-left: 50%;
    transform: rotateY(0);
  }
  .entry-content .card-container:hover .card,
  .entry-content .card-container.flip .card {
    transform: rotateY(0);
    box-shadow: 5px 5px 5px #aaa;
  }
  body.page-template-page-health-php .entry-content .resilience-section {
    width: 120%;
    padding: 2em 10%;
    margin: 2em -10%;
  }
  body.page-template-page-health-php .entry-content .resilience-section h2 {
    width: 90% !important;
  }
  body.page-template-page-resilience-lab-php .banner,
  body.page-template-page-resilience-lab-splash-php .banner,
  body.page-template-page-resilience-blog-php .banner,
  body.page-template-page-resilience-cards-php .banner,
  body.page-template-page-resilience-lab-rubbish-php .banner,
  body.page-template-page-resilience-lab-moodbooster-php .banner,
  body.page-template-page-resilience-lab-contact-php .banner,
  body.single-tips .banner,
  body.tax-tips_cat .banner {
    height: 11em !important;
  }
  body.page-template-page-resilience-lab-php .banner h2.page-title,
  body.page-template-page-resilience-lab-splash-php .banner h2.page-title,
  body.page-template-page-resilience-blog-php .banner h2.page-title,
  body.page-template-page-resilience-cards-php .banner h2.page-title,
  body.page-template-page-resilience-lab-rubbish-php .banner h2.page-title,
  body.page-template-page-resilience-lab-moodbooster-php .banner h2.page-title,
  body.page-template-page-resilience-lab-contact-php .banner h2.page-title,
  body.single-tips .banner h2.page-title,
  body.tax-tips_cat .banner h2.page-title {
    margin-top: 0;
    width: 100% !important;
    height: 68px !important;
  }
  body.page-template-page-resilience-lab-php.what-is-resilience .banner,
  body.page-template-page-resilience-lab-splash-php.what-is-resilience .banner,
  body.page-template-page-resilience-blog-php.what-is-resilience .banner,
  body.page-template-page-resilience-cards-php.what-is-resilience .banner,
  body.page-template-page-resilience-lab-rubbish-php.what-is-resilience .banner,
  body.page-template-page-resilience-lab-moodbooster-php.what-is-resilience .banner,
  body.page-template-page-resilience-lab-contact-php.what-is-resilience .banner,
  body.single-tips.what-is-resilience .banner,
  body.tax-tips_cat.what-is-resilience .banner {
    height: 16em !important;
  }
  body.page-template-page-resilience-lab-php.what-is-resilience .banner h2.page-title,
  body.page-template-page-resilience-lab-splash-php.what-is-resilience .banner h2.page-title,
  body.page-template-page-resilience-blog-php.what-is-resilience .banner h2.page-title,
  body.page-template-page-resilience-cards-php.what-is-resilience .banner h2.page-title,
  body.page-template-page-resilience-lab-rubbish-php.what-is-resilience .banner h2.page-title,
  body.page-template-page-resilience-lab-moodbooster-php.what-is-resilience .banner h2.page-title,
  body.page-template-page-resilience-lab-contact-php.what-is-resilience .banner h2.page-title,
  body.single-tips.what-is-resilience .banner h2.page-title,
  body.tax-tips_cat.what-is-resilience .banner h2.page-title {
    margin-top: 1.5em;
    width: 100% !important;
    height: 108px !important;
  }
  body.page-template-page-resilience-lab-php #call-popup,
  body.page-template-page-resilience-lab-splash-php #call-popup,
  body.page-template-page-resilience-blog-php #call-popup,
  body.page-template-page-resilience-cards-php #call-popup,
  body.page-template-page-resilience-lab-rubbish-php #call-popup,
  body.page-template-page-resilience-lab-moodbooster-php #call-popup,
  body.page-template-page-resilience-lab-contact-php #call-popup,
  body.single-tips #call-popup,
  body.tax-tips_cat #call-popup {
    font-size: .65em !important;
    margin-left: 3%;
  }
  body.tips-tricks .post-block-grid .post-block {
    width: 85%;
  }
  body.page-template-page-resilience-lab-rubbish-php .popup .inner {
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 700px) {
  #moodbooster,
  #moodsolutions {
    display: none !important;
  }
  #moodbooster-mobile {
    display: block;
  }
  .wheel {
    display: none;
  }
  .wheel-note {
    display: block;
  }
  .rubbish-holder {
    width: 80%;
  }
}

@media only screen and (max-width: 770px) {
  .wheel {
    margin-left: -22.5%;
  }
}

@media only screen and (max-width: 850px) {
  .wheel {
    margin-left: -16%;
  }
}

@media only screen and (max-width: 900px) {
  .wheel {
    margin-left: -10%;
  }
}

@media only screen and (max-width: 950px) {
  #moodsolutions .solution-prev.solution-prev {
    left: -1em;
  }
  #moodsolutions .solution-next.solution-next {
    right: -1em;
  }
}

@media only screen and (max-width: 1024px) {
  .wheel {
    margin-left: -6%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rubbish-holder {
    width: 80%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #moodbooster {
    margin-left: -14%;
  }
  #moodbooster .minute,
  #moodbooster .hour,
  #moodbooster .day {
    width: 21.25%;
    height: 29.7%;
  }
  #moodsolutions .solution-prev.solution-prev {
    left: -2.5em;
  }
  #moodsolutions .solution-next.solution-next {
    right: -2.5em;
  }
  .wheel {
    margin-left: -22.5%;
  }
  body.page-template-page-resilience-blog-php .post-block,
  body.tax-tips_cat .post-block {
    font-size: .8em;
  }
  body.page-template-page-resilience-blog-php .post-block a,
  body.tax-tips_cat .post-block a {
    height: 10.5em;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .wheel {
    margin-left: -6%;
  }
  #moodbooster .minute,
  #moodbooster .hour,
  #moodbooster .day {
    width: 21.2%;
    height: 29.5%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .entry-content .card-container {
    width: 400px;
  }
  .entry-content .card-container .face.front {
    width: 50%;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
  }
  .entry-content .card-container .face.back {
    width: 50%;
    margin-left: 50%;
    transform: rotateY(0);
  }
  .entry-content .card-container:hover .card,
  .entry-content .card-container.flip .card {
    transform: rotateY(0);
    box-shadow: 5px 5px 5px #aaa;
  }
}

@media only screen and (max-width: 835px) {
  #resilience-welcome-wrap #resilience-welcome .text-wrap .text h2 {
    width: 70%;
    max-width: 100%;
  }
  #resilience-welcome-wrap #resilience-welcome .text-wrap .text p {
    width: 90%;
    max-width: 100%;
  }
  body.page-template-page-resilience-lab-php #content #inner-content .frame,
  body.page-template-page-resilience-lab-splash-php #content #inner-content .frame,
  body.page-template-page-resilience-blog-php #content #inner-content .frame,
  body.page-template-page-resilience-cards-php #content #inner-content .frame,
  body.page-template-page-resilience-lab-rubbish-php #content #inner-content .frame,
  body.page-template-page-resilience-lab-moodbooster-php #content #inner-content .frame,
  body.page-template-page-resilience-lab-contact-php #content #inner-content .frame,
  body.single-tips #content #inner-content .frame,
  body.tax-tips_cat #content #inner-content .frame {
    background-image: none;
  }
  body.page-template-page-resilience-lab-php .entry-content h2,
  body.page-template-page-resilience-lab-splash-php .entry-content h2,
  body.page-template-page-resilience-blog-php .entry-content h2,
  body.page-template-page-resilience-cards-php .entry-content h2,
  body.page-template-page-resilience-lab-rubbish-php .entry-content h2,
  body.page-template-page-resilience-lab-moodbooster-php .entry-content h2,
  body.page-template-page-resilience-lab-contact-php .entry-content h2,
  body.single-tips .entry-content h2,
  body.tax-tips_cat .entry-content h2 {
    width: auto;
  }
  body.page-template-page-resilience-lab-php #moodsolutions .solutions-text .solutions-description div .blurb,
  body.page-template-page-resilience-lab-splash-php #moodsolutions .solutions-text .solutions-description div .blurb,
  body.page-template-page-resilience-blog-php #moodsolutions .solutions-text .solutions-description div .blurb,
  body.page-template-page-resilience-cards-php #moodsolutions .solutions-text .solutions-description div .blurb,
  body.page-template-page-resilience-lab-rubbish-php #moodsolutions .solutions-text .solutions-description div .blurb,
  body.page-template-page-resilience-lab-moodbooster-php #moodsolutions .solutions-text .solutions-description div .blurb,
  body.page-template-page-resilience-lab-contact-php #moodsolutions .solutions-text .solutions-description div .blurb,
  body.single-tips #moodsolutions .solutions-text .solutions-description div .blurb,
  body.tax-tips_cat #moodsolutions .solutions-text .solutions-description div .blurb {
    font-size: .9em;
  }
}

.donate-section {
  padding-bottom: 1.25rem;
}

.donate-section h2 {
  color: #3d2459;
  text-align: center;
  margin-bottom: 2.5rem;
  font-size: 1.75rem;
  line-height: 2rem;
}

.donate-section.is-relative {
  position: relative;
  z-index: 1;
}

.donate-section .constrained-wrapper {
  padding-bottom: 1.25rem;
}

.donate-section .donate-box {
  background: #3d2459;
  text-align: left;
  font-weight: 600;
  color: white;
  padding: 3.75rem;
  padding-bottom: 1.25rem;
}

.donate-section .donate-box p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: white;
}

.donate-section .donate-box p strong {
  color: #f3dd2e;
}

.donate-section .donate-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 1.875rem;
  -ms-flex-align: end;
      align-items: flex-end;
}

.donate-section .donate-row .donate-cell:first-child {
  -ms-flex: 1 0 160px;
      flex: 1 0 160px;
  text-align: left;
}

.donate-section .donate-row .donate-cell:first-child img {
  display: block;
  margin-left: 0;
}

.donate-section .donate-row .donate-cell .amount-text {
  font-size: 3.125rem;
  font-weight: bold;
  color: #FCCA00;
}

.donate-section .donate-row .donate-cell p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}

.donate-section .donate-row .donate-money-icon {
  height: 3.125rem;
  display: block;
  width: auto;
  margin: auto;
  text-align: center;
}

.donate-section .just-giving-logo {
  width: 15rem;
  display: block;
  margin: auto;
}

.donate-section .just-giving-logo img {
  margin-bottom: 0;
}

.donate {
  max-width: 33.75rem;
  text-align: center;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .donate .toggle-donate {
    width: auto;
    margin-right: 2.5rem;
  }
  .donate .donate-bar {
    width: 90%;
  }
}

.donate-thank-you .donate-thank-you__title {
  font-family: "Zing rust demobase";
  color: #e12a67;
  text-align: center;
  font-weight: normal;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin-bottom: 1.875rem;
}

@media screen and (min-width: 768px) {
  .donate-thank-you .donate-thank-you__title {
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 2.5rem;
  }
}

.thanks-testimonial-grid .thanks-quote {
  margin-bottom: 2.5rem;
}

.thanks-testimonial-grid .thanks-quote blockquote {
  padding-bottom: 1.25rem;
}

.thanks-testimonial-grid .thanks-quote .testimonial-arrow {
  position: absolute;
  bottom: -0.25rem;
  right: 4.6875rem;
}

@media screen and (min-width: 768px) {
  .thanks-testimonial-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .thanks-testimonial-grid .thanks-quote {
    width: 47%;
  }
  .thanks-testimonial-grid .thanks-quote .testimonial-arrow {
    bottom: -0.25rem;
  }
}

.support-us-nav {
  background: #3d2459;
  padding: 2.5rem 0;
  color: white;
  text-align: center;
}

.support-us-nav h2 {
  font-weight: bold;
  font-size: 1.375rem;
  margin-bottom: 2.5rem;
}

.support-us-nav .support-us__icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 43.125rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
}

.support-us-nav .support-us__icons a {
  text-decoration: none;
  color: white;
  width: 100%;
  margin-bottom: 3.75rem;
}

.support-us-nav .support-us__icons a:hover .support-us-nav__icon, .support-us-nav .support-us__icons a:focus .support-us-nav__icon {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

.support-us-nav .support-us-nav__icon {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  margin: auto;
  margin-bottom: 1.25rem;
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  transition: 0.3s ease-out transform;
  -ms-transform: scale(1);
      transform: scale(1);
}

.support-us-nav .support-us-nav__text {
  font-size: 1.125rem;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
}

@media screen and (min-width: 360px) {
  .support-us-nav .support-us__icons a {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .support-us-nav .support-us__icons a {
    width: auto;
  }
}

@media screen and (min-width: 960px) {
  .support-us-nav .support-us__icons {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .support-us-nav .support-us__icons a {
    margin-right: 5rem;
    margin-bottom: 0;
  }
  .support-us-nav .support-us__icons a:last-child {
    margin-right: 0;
  }
}

.accordion {
  margin-bottom: 3.125rem;
}

.accordion .accordion-item {
  margin-bottom: 0;
  display: block;
}

.accordion .accordion-item:last-child header {
  border-bottom: 0;
}

.accordion .accordion-item .accordion-header {
  padding: 0.625rem 0;
  border-bottom: 1px solid black;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  margin-bottom: 2px;
}

.accordion .accordion-item .accordion-header:hover svg polyline, .accordion .accordion-item .accordion-header:focus svg polyline {
  stroke: #27a097;
}

.accordion .accordion-item .accordion-header h3 {
  margin-bottom: 0;
}

.accordion .accordion-item .toggle-section-icon {
  width: 1.625rem;
  height: 1rem;
  position: absolute;
  display: inline-block;
  padding: 0;
  top: 50%;
  right: 0;
  margin-top: -8px;
  transition: transform 0.3s ease-out;
  -ms-transform-origin: 11px 14px;
      transform-origin: 11px 14px;
}

.accordion .accordion-item .toggle-section-icon svg polyline {
  stroke: #e12a67;
}

.accordion .accordion-item.open .toggle-section-icon {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.accordion .accordion-item .accordion-content {
  overflow: hidden;
  height: auto;
  max-height: 0;
  display: block;
  box-sizing: border-box;
  opacity: 0;
  padding: 0;
  transition-duration: 0.3s;
  transition-property: max-height opacity;
}

.accordion .accordion-item.open .accordion-header h2 {
  color: black;
}

.accordion .accordion-item.open .accordion-content {
  max-height: 125rem;
  height: auto;
  padding: 1.25rem 0;
  opacity: 1;
}

.accordion .accordion-item.open .icon {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.accordion .accordion-item.open svg path {
  fill: white;
}

.accordion .accordion-item p {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

.accordion .accordion-item p strong {
  font-weight: 600;
}

.accordion .accordion-item ul,
.accordion .accordion-item ol {
  list-style-position: outside;
  font-size: 0.9375rem;
  line-height: 1.75rem;
  margin-left: 2.5rem;
}

.testimonials-box {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  background: #27a097;
  display: block;
}

.testimonials-slider {
  position: relative;
  padding-bottom: 1.25rem;
  text-align: left;
}

.video-slide {
  width: 16.25rem;
  margin: auto;
}

.video-slide .fve-video-wrapper {
  padding-bottom: 56.25% !important;
}

@media screen and (min-width: 480px) {
  .video-slide {
    width: 23.75rem;
  }
}

@media screen and (min-width: 768px) {
  .video-slide {
    width: 18.75rem;
  }
}

@media screen and (min-width: 960px) {
  .video-slide {
    width: 23.75rem;
  }
}

@media screen and (min-width: 1200px) {
  .video-slide {
    width: 30rem;
  }
}

@media screen and (min-width: 1400px) {
  .video-slide {
    width: 33.75rem;
  }
}

@media screen and (min-width: 1600px) {
  .video-slide {
    width: 36.25rem;
  }
}

@media screen and (min-width: 1882px) {
  .video-slide {
    width: 42.5rem;
  }
}

@media screen and (min-width: 2060px) {
  .video-slide {
    width: 42.5rem;
  }
}

.testimonials-slider .testimonial-styled .testimonial-arrow svg polyline {
  fill: #27a097;
  stroke: #303131;
}

.single-testimonials .testimonial-styled .testimonial-arrow svg polyline {
  fill: white;
}

.testimonial-styled {
  text-align: left;
}

.testimonial-styled blockquote {
  border-bottom: 4px solid #303131;
  padding-bottom: 1.25rem;
  max-width: 80%;
  margin: auto;
  position: relative;
}

.testimonial-styled .testimonial-arrow {
  position: relative;
  top: -0.3125rem;
  float: right;
  margin-right: 3.75rem;
}

.testimonial-styled figcaption {
  margin-top: 1.25rem;
  float: left;
  margin-left: 40%;
}

.testimonial-styled p,
.testimonial-styled figcaption {
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #303131;
}

@media screen and (min-width: 768px) {
  .testimonial-styled p,
  .testimonial-styled figcaption {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
  .testimonial-styled figcaption {
    margin-left: 40%;
  }
}

@media screen and (min-width: 960px) {
  .testimonial-styled .testimonial-arrow {
    margin-right: 5.625rem;
  }
  .testimonial-styled figcaption {
    margin-left: 46%;
  }
}

@media screen and (min-width: 1200px) {
  .testimonial-styled p,
  .testimonial-styled figcaption {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 1400px) {
  .testimonial-styled p,
  .testimonial-styled figcaption {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
  .testimonial-styled .testimonial-arrow {
    margin-right: 20%;
  }
}

.testimonials-grid ul {
  overflow: hidden;
  margin: auto !important;
}

.testimonials-grid li.testimonial-block {
  height: 25rem;
  list-style-type: none;
}

.testimonials-grid li.video-testimonial {
  list-style-type: none;
}

.testimonials-grid li:nth-child(odd) {
  background: #27a097;
}

.testimonials-grid li:nth-child(odd) .testimonial-arrow polyline {
  fill: #27a097;
}

.testimonials-grid li:nth-child(even) .testimonial-arrow polyline {
  fill: white;
}

.testimonials-grid li .testimonial-styled {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  padding-bottom: 1.25rem;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .testimonials-grid li {
    height: 25rem;
    width: 50%;
    float: left;
    height: auto;
  }
  .testimonials-grid li:nth-child(odd) {
    background: white;
  }
  .testimonials-grid li:nth-child(odd) .testimonial-arrow polyline {
    fill: white;
  }
  .testimonials-grid li:nth-child(1), .testimonials-grid li:nth-child(4), .testimonials-grid li:nth-child(5), .testimonials-grid li:nth-child(8), .testimonials-grid li:nth-child(9), .testimonials-grid li:nth-child(12) {
    background: #27a097;
  }
  .testimonials-grid li:nth-child(1) p,
  .testimonials-grid li:nth-child(1) figcaption, .testimonials-grid li:nth-child(4) p,
  .testimonials-grid li:nth-child(4) figcaption, .testimonials-grid li:nth-child(5) p,
  .testimonials-grid li:nth-child(5) figcaption, .testimonials-grid li:nth-child(8) p,
  .testimonials-grid li:nth-child(8) figcaption, .testimonials-grid li:nth-child(9) p,
  .testimonials-grid li:nth-child(9) figcaption, .testimonials-grid li:nth-child(12) p,
  .testimonials-grid li:nth-child(12) figcaption {
    color: white;
  }
  .testimonials-grid li:nth-child(1) blockquote, .testimonials-grid li:nth-child(4) blockquote, .testimonials-grid li:nth-child(5) blockquote, .testimonials-grid li:nth-child(8) blockquote, .testimonials-grid li:nth-child(9) blockquote, .testimonials-grid li:nth-child(12) blockquote {
    border-bottom: 4px solid white;
  }
  .testimonials-grid li:nth-child(1) .testimonial-arrow polyline, .testimonials-grid li:nth-child(4) .testimonial-arrow polyline, .testimonials-grid li:nth-child(5) .testimonial-arrow polyline, .testimonials-grid li:nth-child(8) .testimonial-arrow polyline, .testimonials-grid li:nth-child(9) .testimonial-arrow polyline, .testimonials-grid li:nth-child(12) .testimonial-arrow polyline {
    fill: #27a097;
    stroke: white;
  }
}

@media screen and (min-width: 1600px) {
  .testimonials-grid li {
    min-height: 33.75rem;
    height: auto;
  }
}

.video-testimonial {
  padding: 2.5rem;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .video-testimonial {
    padding: 5rem;
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.support-us-content {
  padding-top: 2.5rem;
}

.support-us-content .constrained-wrapper {
  padding: 0;
}

.support-quote-block {
  color: white;
  margin-bottom: 2.5rem;
  background: #e12a67;
  padding: 1.25rem;
}

.support-quote-block blockquote {
  position: relative;
  padding-left: 0.875rem;
}

.support-quote-block blockquote::before {
  content: "“";
  position: absolute;
  top: -0.625rem;
  left: -0.625rem;
  font-size: 3.875rem;
  line-height: 4rem;
  color: #f3dd2e;
}

.support-quote-block blockquote p {
  color: white;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}

.support-quote-block .support-quote-block__col {
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 768px) {
  .support-quote-block {
    padding: 2.5rem;
  }
  .support-quote-block .support-quote-block__cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .support-quote-block .support-quote-block__col {
    width: calc(50% - 20px);
    margin-bottom: 0;
  }
  .support-quote-block blockquote {
    padding-left: 0;
  }
  .support-quote-block blockquote::before {
    top: -0.625rem;
    left: -1.875rem;
  }
}

.support-banner {
  background: #27a097;
  padding: 1.25rem;
  color: white;
  margin-bottom: 0;
}

.support-banner .constrained-wrapper {
  padding: 0;
}

.support-banner blockquote {
  position: relative;
  padding-left: 1.5rem;
}

.support-banner blockquote::before {
  content: "“";
  position: absolute;
  top: -0.625rem;
  left: 0;
  font-size: 3.875rem;
  line-height: 4rem;
  color: #f3dd2e;
}

.support-banner blockquote p {
  color: white;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.support-banner .support-banner__text-col {
  margin-bottom: 1.25rem;
}

.support-banner .support-banner__text-col p {
  color: white;
}

.support-banner .support-banner__image {
  height: 8.75rem;
  width: 8.75rem;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
}

.support-banner .support-banner__title {
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.support-banner .support-banner__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}

.support-banner .support-banner__buttons a {
  display: inline-block;
  text-transform: uppercase;
  font-family: "Zing rust demobase";
  background: #e12a67;
  text-decoration: none;
  color: white;
  font-size: 1.125rem;
  padding: 0.625rem;
  margin-right: 1.25rem;
  margin-bottom: 0;
}

.support-banner .support-banner__buttons a:hover, .support-banner .support-banner__buttons a:focus {
  background: #3d2459;
}

@media screen and (min-width: 768px) {
  .support-banner {
    padding: 2.5rem;
  }
  .support-banner .support-banner__cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  .support-banner .support-banner__cols .support-banner__text-col {
    width: 76%;
    margin-bottom: 0;
  }
  .support-banner .support-banner__cols .support-banner__image {
    height: 8.75rem;
    border-radius: 50%;
    overflow: hidden;
    -ms-flex: 0 0 140px;
        flex: 0 0 140px;
  }
}

.support-text-block {
  padding: 0 1.25rem;
  margin-bottom: 2.5rem;
}

.support-text-block p strong {
  color: #5b427c;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.support-text-block a {
  color: #e12a67;
  font-weight: bold;
  text-decoration: none;
}

.support-text-block h1,
.support-text-block h2,
.support-text-block h3 {
  color: #3d2459;
}

.support-text-block h1 {
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

@media screen and (min-width: 768px) {
  .support-text-block {
    padding: 0 2.5rem;
  }
  .support-text-block h1 {
    text-align: center;
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 2.5rem;
  }
}

.newsletter-banner {
  padding: 0 1.25rem;
}

.newsletter-banner .newsletter-banner__image {
  width: 11.25rem;
  height: auto;
  margin: auto;
  margin-bottom: 2.5rem;
  display: block;
}

.newsletter-banner .newsletter-banner__text p {
  font-weight: bold;
  color: #3d2459;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.newsletter-banner .newsletter-banner__text a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .newsletter-banner {
    padding: 1.25rem 1.25rem;
  }
  .newsletter-banner .newsletter-banner_cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  .newsletter-banner .newsletter-banner__image {
    margin-right: 2.5rem;
    margin-bottom: 0;
  }
  .newsletter-banner .newsletter-banner__image img {
    margin-bottom: 0;
  }
  .newsletter-banner .newsletter-banner__text p {
    font-weight: bold;
  }
}

.support-list {
  counter-reset: listcount;
  padding: 0;
  margin-bottom: 2.5rem;
}

.support-list ol {
  list-style: none;
}

.support-list ol li {
  list-style: none;
  padding-left: 1.25rem;
  position: relative;
  margin-bottom: 1.25rem;
}

.support-list ol li::before {
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  font-size: 1.375rem;
  color: #3d2459;
  font-family: "Zing rust demobase";
  counter-increment: listcount;
  content: counter(listcount);
}

.support-list ol li strong {
  color: #3d2459;
}

@media screen and (min-width: 768px) {
  .support-list {
    padding: 0 1.25rem;
  }
  .support-list ol {
    list-style: none;
  }
  .support-list ol li {
    padding-left: 4.375rem;
  }
  .support-list ol li::before {
    left: 1.25rem;
    font-size: 2.625rem;
  }
}

.careers-banner {
  background: #27a097;
  padding: 2.5rem 1.25rem;
  color: white;
}

.careers-banner p {
  color: white;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.careers-banner img {
  display: block;
  width: 5rem;
  margin: auto;
  margin-bottom: 1.25rem;
  height: auto;
}

.careers-banner a {
  color: #f3dd2e;
  text-decoration: none;
  font-weight: bold;
}

.careers-banner a:hover, .careers-banner a:focus {
  color: #3d2459;
}

.careers-banner .constrained-wrapper {
  padding: 1.25rem 0;
}

@media screen and (min-width: 768px) {
  .careers-banner {
    padding: 0 2.5rem;
  }
  .careers-banner .constrained-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 1.25rem 0;
    -ms-flex-align: center;
        align-items: center;
  }
  .careers-banner img {
    margin-right: 2.5rem;
    margin-bottom: 0;
  }
  .careers-banner .careers-banner__text {
    width: 70%;
  }
  .careers-banner .careers-banner__text p {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.volunteer-form {
  padding: 0 1.25rem;
}

.volunteer-form .form-row {
  margin-bottom: 2.5rem;
}

.volunteer-form .form-row.error input[type=text],
.volunteer-form .form-row.error input[type=email],
.volunteer-form .form-row.error textarea {
  border: 2px solid #f15b4c;
  background: #fef3f2;
}

.volunteer-form .form-row label {
  display: block;
  margin-bottom: 0.625rem;
  font-weight: bold;
  color: #3d2459;
}

.volunteer-form .form-row input[type=text],
.volunteer-form .form-row input[type=email],
.volunteer-form .form-row textarea {
  display: block;
  border: 2px solid #3d2459;
  background: #f1ebf7;
  width: 100%;
  padding: 0.625rem;
  font-family: "Quicksand", sans-serif;
}

.volunteer-form .form-row textarea {
  min-height: 11.25rem;
  max-height: 11.25rem;
  height: 15rem;
  max-width: 100%;
  width: 100%;
  font-family: "Quicksand", sans-serif;
}

.volunteer-form .form-row input[type=submit] {
  background: #e12a67;
  color: white;
  text-align: center;
  border: none;
  padding: 0.625rem 1.25rem;
  margin: auto;
  font-family: "Zing rust demobase";
  font-size: 1.5rem;
  display: block;
  width: 7.5rem;
  border-radius: 3px;
  cursor: pointer;
}

.volunteer-form .form-row input[type=submit]:hover, .volunteer-form .form-row input[type=submit]:focus {
  background: #27a097;
}

@media screen and (min-width: 768px) {
  .volunteer-form {
    padding: 0 2.5rem;
  }
}

.volunteer-form-thanks {
  text-align: center;
}

.volunteer-form-thanks h2 {
  color: #3d2459;
  font-family: "Zing rust demobase";
  font-size: 1.625rem;
  font-weight: normal;
}

.cards-grid-section {
  padding-top: 3.75rem;
}

.cards-grid-section .card-grid__title {
  font-family: "Zing rust demobase";
  color: #e12a67;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 1.625rem;
  margin-bottom: 3.75rem;
}

.card-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
  .card-grid .card-grid__item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: left;
    text-decoration: none;
  }
  .card-grid .card-grid__item h2,
  .card-grid .card-grid__item h3,
  .card-grid .card-grid__item h4 {
    margin-bottom: 0.5rem;
    color: black;
  }
  .card-grid .card-grid__item:nth-child(3n) {
    margin-right: 0;
  }
}

.callout-section {
  margin: 2.5rem 0;
}

.callout-section .callout-box {
  background: #3d2459;
  text-align: left;
  font-weight: 600;
  color: white;
  padding: 3.75rem;
  padding-bottom: 1.25rem;
}

.callout-section .callout-box p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: white;
}

.callout-section .callout-box p strong {
  color: #f3dd2e;
}

.callout-section .callout-box .callout-downloads {
  text-align: center;
}

.callout-section .callout-box a {
  display: inline-block;
  text-transform: uppercase;
  font-family: "Zing rust demobase";
  background: #e12a67;
  text-decoration: none;
  color: white;
  font-size: 1.125rem;
  padding: 0.625rem;
  margin: auto;
  text-align: center;
  margin-right: 1.25rem;
  margin-bottom: 0;
}

.callout-section .callout-box a:hover, .callout-section .callout-box a:focus {
  color: #e12a67;
  background: white;
}

@media screen and (min-width: 768px) {
  .callout-section {
    margin: 3.75rem 0;
  }
}

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