/* 
    Created on : 18 Dec 2022, 13:10:34
    Author     : davec
*/


/* UTILITIES */

.gridImage-container {
 z-index:5;
 aspect-ratio:1/1
}
.gridImage-imageContainer {
 inset:0;
 z-index:10
}
.gridImage-image {
 opacity:0;
 height:100%;
 width:100%
}
.gridImage-loaded {
 opacity:1;
 transition:opacity .3s ease-in
}
.gridImage-placeholderContainer {
 inset:0
}
.gridImage-placeholder {
 height:100%;
 width:100%
}

.utils-null{
    
}
.utils-relative {
 position:relative
}
.utils-fixed-1 {
 position:fixed
}
.utils-absolute {
 position:absolute
}
.utils-uppercase {
 text-transform:uppercase
}
.utils-pointer {
 cursor:pointer
}
.utils-outline:focus {
 outline:1px dotted rgba(89,89,89,.5)
}
.utils-srOnly {
 position:absolute!important;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(1px,1px,1px,1px);
 -webkit-clip-path:inset(50%);
 clip-path:inset(50%);
 word-wrap:normal!important;
 border:0
}
.utils-hidden {
 display:none
}
.utils-inlineBlock {
 display:inline-block
}
.utils-flex {
 display:flex
}
.utils-grid {
 display:grid
}
.utils-textRight {
 text-align:right
}
.utils-cover {
 -o-object-fit:cover;
 object-fit:cover
}
.utils-mAuto {
 margin:auto
}
.utils-caption {
 font-size:1.6rem;
 color:#595959;
 text-align:right
}
@media only screen and (max-width:576px) {
 .utils-caption {
  font-size:1.2rem
 }
}
.utils-semibold {
 font-weight:500
}

/* HEADER */

.header-grid-container{
    position: relative;
    display: grid;
    grid-template-rows: 45rem 2rem;
    grid-template-columns: 120px 1fr 125px;
    gap: 0;
    z-index: 2;
    margin-block: 0 5rem;
}
@media only screen and (max-width:576px) {
    .header-grid-container {
     grid-template-rows: 35rem 2rem;
 }
}
.header-hero-image {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: span 3;
}
.heroImage-image {
    opacity:0;
    height:100%;
    width:100%;
}
.heroImage-loaded {
    opacity:1;
    transition:opacity .3s ease-in
}
.heroImage-crop{
    width: 100%;
    object-position: 50% 50%;
    object-fit:cover;
}
.header-icon {
    grid-row-start: 1;
    grid-column-start: 3;
    margin: 20px;
}
.header-heroCaption {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: span 3;
    margin-top: 0.5rem;
    margin-bottom:5rem;
    margin-right: 2rem;
    text-align: right;
    font-size:1.6rem;
}
@media only screen and (max-width:768px) {
 .header-heroCaption {
  margin-bottom:1rem;
 }
}
@media only screen and (max-width:576px) {
 .header-heroCaption {
  visibility:hidden;
 }
}
.header-navOverlay {
    grid-row-start: 1;
    grid-column-start: 1;
    display: grid;
    background-color:hsla(0,0%,90%,.8);
    background:linear-gradient(90deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0));
    overflow-y:clip;
}
.header-construction{
    grid-row: 1;
    grid-column: 2;
    margin: 4rem;
}
.header-uc-message{
    font-size: 2.5rem;
    margin: 1.5rem;
    padding: 1rem;
    border-radius: 1.5rem; 
    background-color: #a2eddf; 
}
.header-uc-message p{
    font-size: 2rem;
}
.header-buttons{
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: span 2;
    z-index: 3;
}
.header-hamburgerContainer {
    display: flex;
    justify-content: center;
    width:5rem;
    height:3.5rem;
    margin:2.9rem 2.4rem .8rem;
    background-color:transparent
}
.header-hamburger {
     width:5rem;
     height:.6rem;
     background-color:#666;
     border-radius:.2rem;
     transition:transform .5s
}
.header-hamburger:after,
.header-hamburger:before {
    display:block;
    width:5rem;
    height:.6rem;
    content:"";
    background-color:#666;
    border-radius:.2rem
}
.header-hamburger:before {
    transition:transform .5s;
    transform:translateY(1.45rem)
}
.header-hamburger:after {
    transition:transform .5s;
    transition-delay:.5s;
    transform:translateY(2.35rem)
}
.header-hamburger:hover,
.header-hamburger:hover:after,
.header-hamburger:hover:before,
.header-hamburgerfocus,
.header-hamburgerfocus:after,
.header-hamburgerfocus:before {
    background-color:#595959
}
.header-languageSwitcher {
 margin:1.2rem 2.4rem 20rem;
 font-size:3.7rem;
 font-weight:900;
 color:#666;
 letter-spacing:.1em
}
@media only screen and (max-width:576px) {
 .header-languageSwitcher {
  margin:1.2rem 2.4rem 4rem
 }
}
.header-languageSwitcher:hover,
.header-languageSwitcherfocus {
 color:#595959
}
.header-languageSwitcher a:focus {
 outline:1px dotted rgba(89,89,89,.5)
}
.header-languageSwitcher a:focus-visible {
 outline:1px dotted rgba(89,89,89,.5)
}
.header-languageSwitcher a:active {
 outline:none
}
.header-admin {
 margin:1.2rem 2.4rem 0.8rem;
 font-size:3.7rem;
 font-weight:900;
 color:#666;
 letter-spacing:.1em
}
@media only screen and (max-width:576px) {
 .header-admin {
  margin:1.2rem 2.4rem 4rem
 }
}
.header-admin:hover,
.header-languageSwitcherfocus {
 color:#595959
}
.header-admin a:focus {
 outline:1px dotted rgba(89,89,89,.5)
}
.header-admin a:focus-visible {
 outline:1px dotted rgba(89,89,89,.5)
}
.header-admin a:active {
 outline:none
}
.header-social {
 width:3.8rem;
 margin:-.2rem 3rem;
 margin-block:1rem;
 transition:opacity .3s ease
}
.header-social:active,
.header-social:hover {
 opacity:.92;
 transition:opacity .3s ease
}
.header-nav {
 grid-row-start: 1;
 grid-column-start: 1;
 display: grid;
 inset:calc(4.8rem - 104vw) auto auto calc(4.8rem - 104vw);
 z-index:1;
 width:208vw;
 height:208vw;
 -webkit-clip-path:circle(0 at 50% 50%);
 clip-path:circle(0 at 50% 50%);
 visibility:hidden;
 background-color:hsla(0,0%,100%,.8);
 border-radius:50%;
 transition:visibility 0s 1s,-webkit-clip-path 1s ease-out 0s;
 transition:clip-path 1s ease-out 0s,visibility 0s 1s;
 transition:clip-path 1s ease-out 0s,visibility 0s 1s,-webkit-clip-path 1s ease-out 0s
}
@media only screen and (max-width:576px) {
 .header-nav {
  left:calc(4.8rem - 200vw);
  width:400vw
 }
}
.header-navList {
 grid-row: 1;
 grid-column: 2;
 top: 2rem;
 left: -5rem;
 padding: 0 4rem;
 font-weight:500;
 letter-spacing:.05em;
 list-style:none;
 visibility: hidden;
 z-index: 4;
}
@media only screen and (max-width:576px) {
 .header-navList {
  line-height:1.1;
  transform:translateX(-4rem)
 }
}
.header-navItem {
 padding:.17rem 0;
 margin-bottom:1rem
}
@media only screen and (max-width:576px) {
 .header-navItem:first-child {
  display:none
 }
}
.header-navLink {
 color:#666;
 border-bottom:.3rem solid hsla(0,0%,50%,0);
 transition:border-bottom-color .5s ease-in-out
}
/*@media only screen and (max-width:576px) {
 .header-navLink {
  font-size: 2rem;
 }
}*/
.header-navLink:focus,
.header-navLink:hover {
 border-bottom:.3rem solid gray;
 transition:border-bottom-color .5s ease-in-out
}
.header-navLink:focus-visible {
 outline:none
}
.header-isActive {
 -webkit-clip-path:circle(50% at 50% 50%);
 clip-path:circle(50% at 50% 50%);
 visibility:visible;
 transition:-webkit-clip-path 1s ease-in;
 transition:clip-path 1s ease-in;
 transition:clip-path 1s ease-in,-webkit-clip-path 1s ease-in
}
.header-active {
 transition:transform .5s;
 transition-delay:.5s;
 transform:translateY(1.45rem) rotate(-45deg)
}
.header-active:before {
 transition:transform .5s;
 transition-delay:.5s;
 transform:rotate(90deg)
}
.header-active:after {
 transition:transform .5s;
 transform:translateY(-.6rem)
}
.navList-active{
    visibility: visible;
}

/* SCROLL UP BUTTON */

.layout-scrollupContainer {
 inset:auto 3rem 3rem auto;
 z-index:6;
 width:5rem;
 height:5rem;
 padding:1.6rem .8rem;
 background-color:hsla(0,0%,100%,.9);
 border-radius:3px;
 box-shadow:2px 2px 0 hsla(0,0%,5%,.1)
}
.layout-scrollupContainer:focus {
 outline:1px dotted rgba(89,89,89,.5)
}
.layout-scrollupContainer:after {
 position:absolute;
 inset:0;
 content:"";
 box-shadow:2px 2px 0 hsla(0,0%,5%,.1);
 opacity:0;
 transition:opacity .3s
}
.layout-scrollupContainer:focus:after,
.layout-scrollupContainer:hover:after {
 opacity:1;
 transition:opacity .3s
}
.layout-scrollup {
 margin-top:0
}

/* FOOTER */

.footer-grid-container{
    display: grid;
    margin: 16rem auto auto auto;
    grid-template-rows: auto, 2rem;
    grid-template-columns: 9.375% 20% 1fr 9.375%;
    gap: 0;
    padding: 5rem 0 1.3rem;
    background-color:hsla(0,0%,95%,.8);
}
@media only screen and (max-width:1180px) {
 .footer-grid-container {
    grid-template-columns: 0.5% 20% 1fr 0.5%;
 }
}
@media only screen and (max-width:895px) {
 .footer-grid-container {
    grid-template-columns: 1% 25% 1fr 1%;
 }
}
@media only screen and (max-width:775px) {
 .footer-grid-container {
    grid-template-rows: auto auto 2rem;
    grid-template-columns: 1% 1fr 1%;
 }
}
.footer-left{
    grid-row: 1;
    grid-column: 2;
}
.footer-copy {
    grid-row: 2;
    grid-column: 2;
}
@media only screen and (max-width:775px) {
 .footer-copy {
    grid-row: 3;
    grid-column: 2;
    display:block;
    padding-top:1.5rem;
    font-size:1.3rem;
 }
}
.footer-footerText {
    padding-bottom:1.3rem;
    font-size:2rem;
    line-height:1.4;
    color:#666;
}
.footer-smallCopy {
    font-size:1.5rem;
}

.footer-footerLink {
    font-weight:400;
    text-decoration:underline;
    text-decoration-thickness:.1em;
    -webkit-text-decoration-color:hsla(0,0%,50%,0);
    text-decoration-color:hsla(0,0%,50%,0)
}
.footer-footerLink,
.footer-footerLink:focus,
.footer-footerLink:hover {
    color:inherit;
    background-color:transparent;
    transition:-webkit-text-decoration-color .3s ease-in-out;
    transition:text-decoration-color .3s ease-in-out;
    transition:text-decoration-color .3s ease-in-out,-webkit-text-decoration-color .3s ease-in-out
}
.footer-footerLink:focus,
.footer-footerLink:hover {
    text-decoration:underline;
    text-decoration-thickness:.1em;
    -webkit-text-decoration-color:gray;
    text-decoration-color:gray
}
.footer-right{
    grid-row: 1;
    grid-column: 3;
}
@media only screen and (max-width:775px) {
 .footer-right {
    grid-row: 2;
    grid-column: 2;
 }
}
.footer-right-container{
    gap: 2rem;
}
.footer-funderLogos {
    padding-top: 5rem;
    justify-content: right;
}
@media only screen and (max-width:768px) {
    .footer-funderLogos {
        justify-content:left;
        margin-bottom:3rem;
    }
}
@media only screen and (max-width:576px) {
    .footer-funderLogos {
        flex-direction:column;
        gap:2rem;
    }
}
.footer-logosRight {
    justify-content: right;
}
@media only screen and (max-width:576px) {
    .footer-logosRight {
        justify-content:unset;
        margin-top:2rem
    }
}
.footer-logosRight {
    justify-content:right
}
@media only screen and (max-width:576px) {
    .footer-logosRight {
       justify-content:unset;
       margin-top:2rem
    }
}
.footer-funderLogo {
    width:auto;
    height:6rem;
    padding-left:3rem
}
@media only screen and (max-width:768px) {
    .footer-funderLogo {
        height:5.2rem
    }
}
.footer-first {
    padding-left:0
}
@media only screen and (max-width:576px) {
 .footer-second {
    padding-left:0
 }
}
.footer-acw,
.footer-gtg,
.footer-wg {
    margin-top:0
}
.footer-linksMenuContainer {
    grid-row: 2;
    grid-column:3;
}
@media only screen and (max-width:775px) {
 .footer-linksMenuContainer {
  display:none
 }
}
.footer-linksMenu {
 flex-direction:row;
 flex-wrap:wrap;
 gap:1.5rem 3rem;
 justify-content:right;
 padding:0;
 font-size:1.8rem;
 list-style:none
}
.footer-linksMenuItem {
 margin-top:0;
 font-size:1.8rem
}
@media only screen and (max-width:906px) {
 .footer-linksMenuItem {
  font-size: 1.3rem;
 }
}
.footer-linksMenuLink {
 font-weight:500;
 text-decoration:underline;
 text-decoration-thickness:.1em;
 -webkit-text-decoration-color:hsla(0,0%,95%,.8);
 text-decoration-color:hsla(0,0%,95%,.8)
}
.footer-linksMenuLink,
.footer-linksMenuLink:focus,
.footer-linksMenuLink:hover {
 transition:-webkit-text-decoration-color .3s ease-in-out;
 transition:text-decoration-color .3s ease-in-out;
 transition:text-decoration-color .3s ease-in-out,-webkit-text-decoration-color .3s ease-in-out
}
.footer-linksMenuLink:focus,
.footer-linksMenuLink:hover {
 text-decoration:underline;
 text-decoration-thickness:.1em;
 -webkit-text-decoration-color:gray;
 text-decoration-color:gray
}
.footer-signup {
    margin-block:-.7rem 0
}
@media only screen and (max-width:576px) {
 .footer-signup {
  justify-content:center;
  width:90vw
 }
}
.footer-signupHeading {
 display:inline-block;
 width:100%;
 margin-block:0 -4rem;
 font-size:2rem;
 color:#666;
 text-align:right
}
@media only screen and (max-width:775px) {
 .footer-signupHeading {
  margin-block:3rem -4rem;
  font-size:2rem;
  text-align:left
 }
}
.footer-signupForm {
 display:block;
 margin-top:-.8rem;
 text-align:right
}
@media only screen and (max-width:775px) {
 .footer-signupForm {
  text-align:left
 }
}
.footer-signupInput {
 width:48rem;
 height:6rem;
 padding:.85em 1.5em;
 margin-block:-1rem 0;
 font-size:2.2rem;
 color:#737373;
 background-color:#fff;
 border:.14em solid #999
}
@media only screen and (max-width:992px) {
 .footer-signupInput {
  margin-block:-1rem 3rem
 }
}
@media only screen and (max-width:540px) {
 .footer-signupInput {
  width: 80%;
  margin-block:-1rem 3rem;
  font-size:2rem
 }
}
.footer-signupSubmit {
 width:6rem;
 height:6rem;
 padding:1.2rem;
 background-color:#999;
 border:0;
 transform:translateY(2.25rem)
}
@media only screen and (max-width:768px) {
 .footer-signupSubmit {
  transform:translateY(2.35rem)
 }
}

/* HOME - INTRODUCTION*/

.home-introContainer {
 z-index:3;
 max-width:min(108rem,95vw);
 margin:0 auto
}
@media only screen and (max-width:768px) {
 .home-introContainer {
  max-width:100%
 }
}
.home-introduction {
 grid-template-columns:1fr 2fr;
 padding-bottom:6rem
}
@media only screen and (max-width:992px) {
 .home-introduction {
  grid-template-columns:1fr;
  padding-bottom:0;
  margin-bottom:-6rem
 }
}
@media only screen and (max-width:768px) {
 .home-introduction {
  grid-template-columns:1fr;
  padding-bottom:0;
  margin-bottom:-6rem
 }
}
@media only screen and (max-width:576px) {
 .home-introduction {
  grid-template-columns:1fr;
  padding-bottom:0;
  margin-bottom:-6rem
 }
}
.home-introBranding {
 grid-template-columns:auto auto;
 gap:2.2rem
}
@media only screen and (max-width:992px) {
 .home-introBranding {
  padding:0 6%
 }
}
.home-brand {
 font-family:var(--brand);
 font-size:6rem;
 font-weight:400;
 line-height:.96;
 color:#404040
}
@media only screen and (max-width:576px) {
 .home-brand {
  font-size:5rem
 }
}
.home-brand:first-child {
 padding-top:.65em
}
.home-introText {
 padding-top:8.6rem;
}
@media only screen and (max-width:992px) {
 .home-introText {
  width:88%;
  max-width:70rem;
  padding-top:0;
  margin:0 auto
 }
}
@media only screen and (max-width:768px) {
 .home-introText {
  padding-top:0;
  margin:-4rem 6% 0
 }
}
@media only screen and (max-width:576px) {
 .home-introText {
  padding-top:0;
  margin:-4rem 6% 0
 }
}
.home-introCta,
.home-sectionCta {
 line-height:1.1;
 color:#8c8c8c;
 transition:color .25s
}
@media only screen and (max-width:576px) {
 .home-introCta,
 .home-sectionCta {
  text-align:left
 }
}
.home-introCta span,
.home-sectionCta span {
 padding:0 0 0 2rem;
 background-color:#fff
}
@media only screen and (max-width:992px) {
 .home-introCta span,
 .home-sectionCta span {
  font-size:5rem
 }
}
@media only screen and (max-width:768px) {
 .home-introCta span,
 .home-sectionCta span {
  font-size:5rem
 }
}
@media only screen and (max-width:576px) {
 .home-introCta span,
 .home-sectionCta span {
  padding:0;
  margin-right:auto;
  font-size:3.2rem;
  background-color:transparent
 }
}
.home-introCta:after,
.home-sectionCta:after {
 position:absolute;
 content:url('data:image/svg+xml,%3Csvg height="3.5em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M224 273L88 409c-9 9-24 9-34 0l-22-23c-10-9-10-24 0-34l96-96-96-96c-10-10-10-25 0-34l22-23c10-9 25-9 34 0l136 136c10 9 10 25 0 34zm192-34L280 103c-9-9-24-9-34 0l-22 23c-10 9-10 24 0 33l96 97-96 96c-10 10-10 25 0 34l22 23c10 9 25 9 34 0l136-136c10-9 10-25 0-34z" fill="%238c8c8c"/%3E%3C/svg%3E');
 transition:transform .25s
}
@media only screen and (max-width:768px) {
 .home-introCta:after,
 .home-sectionCta:after {
  top:.6rem;
  content:url('data:image/svg+xml,%3Csvg height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M224 273L88 409c-9 9-24 9-34 0l-22-23c-10-9-10-24 0-34l96-96-96-96c-10-10-10-25 0-34l22-23c10-9 25-9 34 0l136 136c10 9 10 25 0 34zm192-34L280 103c-9-9-24-9-34 0l-22 23c-10 9-10 24 0 33l96 97-96 96c-10 10-10 25 0 34l22 23c10 9 25 9 34 0l136-136c10-9 10-25 0-34z" fill="%238c8c8c"/%3E%3C/svg%3E')
 }
}
@media only screen and (max-width:576px) {
 .home-introCta:after,
 .home-sectionCta:after {
  top:.3rem;
  content:url('data:image/svg+xml,%3Csvg height="2em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M224 273L88 409c-9 9-24 9-34 0l-22-23c-10-9-10-24 0-34l96-96-96-96c-10-10-10-25 0-34l22-23c10-9 25-9 34 0l136 136c10 9 10 25 0 34zm192-34L280 103c-9-9-24-9-34 0l-22 23c-10 9-10 24 0 33l96 97-96 96c-10 10-10 25 0 34l22 23c10 9 25 9 34 0l136-136c10-9 10-25 0-34z" fill="%238c8c8c"/%3E%3C/svg%3E')
 }
}
.home-introCta:focus,
.home-introCta:hover,
.home-sectionCta:focus,
.home-sectionCta:hover {
 color:gray;
 outline:none;
 transition:color .25s
}
.home-introCta:focus:after,
.home-introCta:hover:after,
.home-sectionCta:focus:after,
.home-sectionCta:hover:after {
 transition:transform .25s;
 transform:translateX(.7rem)
}
.home-introCta:focus,
.home-sectionCta:focus {
 outline:none
}
.home-introCta:focus-visible,
.home-sectionCta:focus-visible {
 outline:none
}
.home-introCta {
 padding-right:5.4rem;
 margin-top:18.3rem;
 margin-left:auto;
 font-size:5.4em;
 font-weight:800
}
@media only screen and (max-width:992px) {
 .home-introCta {
  margin-top:7rem
 }
}
@media only screen and (max-width:768px) {
 .home- introCta {
  margin-top:5rem
 }
}
@media only screen and (max-width:576px) {
 .home-introCta {
  padding-right:0;
  margin-top:3rem;
  margin-right:6%;
  line-height:1.1
 }
}
.home-introCtaHr,
.home-sectionCtaHr {
 bottom:1.05rem;
 z-index:-1;
 height:.14rem;
 background-color:#b3b3b3
}
@media only screen and (max-width:576px) {
 .home-introCtaHr,
 .home-sectionCtaHr {
  display:none
 }
}
.home-introCtaHr {
 left:-13rem;
 width:35rem
}
@media only screen and (max-width:992px) {
 .home-introCtaHr {
  left:-18rem;
  width:55rem
 }
}
.home-sideImageContainer {
 bottom:3.75rem;
 left:0;
 margin-bottom:1rem;
 font-size:1.6rem;
 line-height:.8;
 text-align:right
}
@media only screen and (max-width:992px) {
 .home-sideImageContainer {
  position:relative;
  margin:6rem auto 0 6%
 }
}
@media only screen and (max-width:768px) {
 .home-sideImageContainer {
  margin:1rem auto 0
 }
}
@media only screen and (max-width:576px) {
 .home-sideImageContainer {
  font-size:1.2rem
 }
}
.home-imageContainer {
 width:42.9rem;
 height:31.7rem
}
@media only screen and (max-width:576px) {
 .home-imageContainer {
  width:100vw;
  height:auto
 }
}
.home-sideImage {
 z-index:10;
 opacity:0;
 width:100%;
 height:100%;
 object-fit: cover;
}
.home-loaded {
 opacity:1;
 transition:opacity .3s ease-in
}
.home-placeholderContainer {
 inset:0;
 width:42.9rem;
 height:31.7rem
}
@media only screen and (max-width:576px) {
 .home-placeholderContainer {
  width:100vw;
  height:100%
 }
}
.home-placeholder {
 height:100%;
 width:100%
}
.home-sideImageCaption {
 margin-top:1rem
}
@media only screen and (max-width:576px) {
 .home-sideImageCaption {
  margin-right:6%
 }
}
.layout-introLogoContainer {
 padding-top:3.4rem
}
@media only screen and (max-width:992px) {
 .layout-introLogoContainer {
  justify-self:right
 }
}
@media only screen and (max-width:576px) {
 .layout-introLogoContainer {
  padding-top:2.7rem
 }
}
.layout-introLogo {
 width:18.7rem
}
@media only screen and (max-width:576px) {
 .layout-introLogo {
  width:12.5rem
 }
}
.utils-textRight {
 text-align:right
}

/* HOME - HERO */

.home-sectionContainer {
 max-width:108rem;
 padding-top:12.5rem
}
@media only screen and (max-width:576px) {
 .home-sectionContainer {
  padding-top:9rem
 }
}
.home-sectionHero {
 z-index:-5
}
@media only screen and (max-width:576px) {
 .home-sectionHero {
  height:30rem
 }
}
.home-sectionHeroCaption {
 top:9.6rem;
 right:4rem
}
@media only screen and (max-width:576px) {
 .home-sectionHeroCaption {
  position:relative;
  top:-32.2rem;
  right:0;
  margin-right:6%
 }
}
.home-sectionContent {
 z-index:20;
 margin:0 0 0 5.5rem
}
@media only screen and (max-width:768px) {
 .home-sectionContent {
  margin:2rem 0 0
 }
}
.home-sectionImageContainer {
 z-index:10;
 width:34rem;
 height:51rem;
 margin-top:5rem
}
@media only screen and (max-width:992px) {
 .home-sectionImageContainer {
  width:22.5rem;
  height:38.25rem
 }
}
@media only screen and (max-width:768px) {
 .home-sectionImageContainer {
  display:none
 }
}
.home-sectionInset {
 z-index:10;
 opacity:0;
 width:34rem;
 height:51rem;
 margin-top:5rem
}
@media only screen and (max-width:992px) {
 .home-sectionInset {
  width:22.5rem;
  height:38.25rem
 }
}
.home-sectionPlaceholderContainer {
 inset:0;
 width:34rem;
 height:51rem
}
@media only screen and (max-width:992px) {
 .home-sectionPlaceholderContainer {
  width:22.5rem;
  height:38.25rem
 }
}
@media only screen and (max-width:768px) {
 .home-sectionPlaceholderContainer {
  display:none
 }
}
.home-sectionInsetCaption {
 margin-top:1rem
}
@media only screen and (max-width:768px) {
 .home-sectionInsetCaption {
  display:none
 }
}
.home-sectionTitleContainer {
 margin:5rem auto 6.6rem
}
@media only screen and (max-width:576px) {
 .home-sectionTitleContainer {
  margin:0 auto 4rem;
  text-align:left
 }
}
.home-sectionTitle {
 padding:1.3rem 3.7rem 1.7rem;
 background-color:#e6e6e6
}
@media only screen and (max-width:768px) {
 .home-sectionTitle {
  width:100vw;
  display:block;
  padding:1.6rem 6% 1.7rem;
  background-color:hsla(0,0%,90%,.88)
 }
}
@media only screen and (max-width:576px) {
 .home-sectionTitle {
  display:block;
  padding:1.6rem 6% 1.7rem;
  background-color:hsla(0,0%,90%,.88)
 }
}
.home-h2 {
 margin:0;
 font-size:5rem;
 font-weight:800;
 line-height:1.3;
 color:#595959
}
@media only screen and (max-width:576px) {
 .home-h2 {
  font-size:4em;
  line-height:1.1
 }
}
.home-h3 {
 margin:0;
 font-size:3.1em;
 font-weight:300;
 line-height:1;
 color:gray
}
@media only screen and (max-width:576px) {
 .home-h3 {
  font-size:2em;
  line-height:1.5
 }
}
.home-sectionText {
 margin:0 0 3rem 6rem
}
@media(max-width:1080px) {
 .home-sectionText {
  margin:0 5.6rem 6rem 6rem
 }
}
@media only screen and (max-width:768px) {
 .home-sectionText {
  width:88%;
  margin:0 auto 8rem
 }
}
@media only screen and (max-width:576px) {
 .home-sectionText {
  width:90%;
  margin:0 auto
 }
}
.home-sectionCtaContainer {
 margin:1rem 3.4rem 0 0;
 font-size:5.4em;
 font-weight:800;
 line-height:1.3;
 color:#666
}
@media(max-width:1080px) {
 .home-sectionCtaContainer {
  margin-right:9rem;
  font-size:3em;
  line-height:1.1
 }
}
@media only screen and (max-width:576px) {
 .home-sectionCtaContainer {
  margin-right:0
 }
}
.home-sectionCtaHr {
 width:75%;
 margin:auto
}
.home-sectionCta {
 padding-right:2rem;
 margin-top:-3rem;
 margin-left:auto
}
@media only screen and (max-width:768px) {
 .home-sectionCta {
  padding-right:0;
  margin-left:6%
 }
}
@media only screen and (max-width:576px) {
 .home-sectionCta {
  margin-top:2rem;
  background-color:transparent
 }
}
.home-loaded {
 opacity:1;
 transition:opacity .3s ease-in
}
.headlineImage-imageContainer {
 inset:0;
 z-index:2;
 height:45rem
}
.headlineImage-image {
 opacity:0;
 height:100%;
 width:100%
}
.headlineImage-loaded {
 opacity:1;
 transition:opacity .3s ease-in
}
.headlineImage-placeholderContainer {
 inset:0;
 height:45rem
}
.headlineImage-placeholder {
 height:100%;
 width:100%
}

/* ABOUT */

.sidebar-sidebar {
 margin-block:-7rem -20rem;
 background-color:#f5f5f5
}
@media only screen and (max-width:992px) {
 .sidebar-sidebar {
  display:none
 }
}
.sidebar-sidebarContent {
 padding:8rem 5rem 6rem;
 margin-block:0
}
.sidebar-listHeading {
 margin-bottom:0 1rem;
 font-size:1.9rem;
 font-weight:500;
 line-height:1.4
}
.sidebar-sidebarMenu {
 padding:0;
 margin-block:0 4rem;
 line-height:1.3;
 list-style:none
}
@media only screen and (max-width:1200px) {
 .sidebar-sidebarMenu {
  font-size:2rem
 }
}
.sidebar-sidebarMenu a {
 margin:0
}
.sidebar-sidebarMenu .sidebar-listHeading {
 text-decoration:underline;
 text-decoration-thickness:.1em;
 -webkit-text-decoration-color:hsla(0,0%,95%,.8);
 text-decoration-color:hsla(0,0%,95%,.8)
}
.sidebar-sidebarMenu .sidebar-listHeading,
.sidebar-sidebarMenu .sidebar-listHeading:focus,
.sidebar-sidebarMenu .sidebar-listHeading:hover {
 transition:-webkit-text-decoration-color .3s ease-in-out;
 transition:text-decoration-color .3s ease-in-out;
 transition:text-decoration-color .3s ease-in-out,-webkit-text-decoration-color .3s ease-in-out
}
.sidebar-sidebarMenu .sidebar-listHeading:focus,
.sidebar-sidebarMenu .sidebar-listHeading:hover {
 text-decoration:underline;
 text-decoration-thickness:.1em;
 -webkit-text-decoration-color:gray;
 text-decoration-color:gray
}
.sidebar-sidebarMenu .sidebar-time {
 text-decoration:none!important
}
.sidebar-listItem {
 margin-block:0 1rem;
 font-size:1.7rem;
 line-height:1.6
}
.sidebar-listItem time {
 padding:0;
 margin:0;
 line-height:0
}
.sidebar-h3 {
 margin-block:0 2rem;
 font-size:2.8em;
 font-weight:500;
 line-height:1.2;
 color:#4d4d4d
}
@media only screen and (max-width:1200px) {
 .sidebar-h3 {
  font-size:3rem
 }
}
.pages-container {
 grid-template-columns:3fr 1fr
}
@media only screen and (max-width:992px) {
 .pages-container {
  grid-template-columns:1fr
 }
}
.pages-title {
 width:75%;
 margin:0 auto
}
@media only screen and (max-width:992px) {
 .pages-title {
  width:81.25%
 }
}
@media only screen and (max-width:768px) {
 .pages-title {
  width:90%
 }
}
.pages-subtitle {
 margin-block:.5em .4em;
 font-size:3rem;
 color:#666
}
@media only screen and (max-width:576px) {
 .pages-subtitle {
  font-size:2.6em
 }
}
.pages-body {
 margin-top:8.1rem
}

/* EVENTS (WHAT'S ON) */

.events-container {
 grid-template-columns:3fr 1fr
}
@media only screen and (max-width:992px) {
 .events-container {
  grid-template-columns:1fr
 }
}
.events-title {
 width:75%;
 margin:0 auto
}
@media only screen and (max-width:992px) {
 .events-title {
  width:81.25%
 }
}
@media only screen and (max-width:768px) {
 .events-title {
  width:90%
 }
}
.events-subtitle {
 margin-block:.5em;
 font-size:3rem;
 color:#666
}
@media only screen and (max-width:576px) {
 .events-subtitle {
  font-size:2.6em
 }
}
.events-heading {
 margin-bottom:.5em;
 font-size:2.4rem;
 font-weight:500;
 line-height:1.47;
 color:#737373
}
@media only screen and (max-width:576px) {
 .events-heading {
  font-size:2rem
 }
}
.events-imageGrid {
 z-index:5;
 grid-template-columns:1fr 1fr 1fr;
 gap:3rem;
 width:81.25%;
 margin:auto
}
@media only screen and (max-width:992px) {
 .events-imageGrid {
  grid-template-columns:1fr 1fr
 }
}
@media only screen and (max-width:768px) {
 .events-imageGrid {
  width:90%
 }
}
@media only screen and (max-width:576px) {
 .events-imageGrid {
  grid-template-columns:1fr
 }
}
.events-caption {
 margin-top:2.1rem;
 font-size:1.8rem;
 color:#737373
}
.events-caption:last-of-type {
 margin-block:1.1rem 2.3rem
}
.events-caption:first-of-type {
 margin-block:1.1rem 0;
 line-height:1.4
}
.events-loadMore {
 display:block;
 color:#595959;
 margin-inline:auto;
 margin-top:5rem;
 font-weight:500;
 font-size:2.8rem;
 padding:1rem 2rem;
 background-color:#f2f2f2
}
.events-loadMore,
.events-loadMore:hover {
 transition:color .5s ease-in-out,background .5s ease-in-out
}
.events-loadMore:hover {
 color:#4d4d4d;
 background-color:#e6e6e6
}

/* SUPPORT US */

.support-container {
 grid-template-columns:3fr 1fr
}
@media only screen and (max-width:992px) {
 .support-container {
  grid-template-columns:1fr
 }
}
.support-title {
 width:75%;
 margin:0 auto
}
@media only screen and (max-width:992px) {
 .support-title {
  width:81.25%
 }
}
@media only screen and (max-width:768px) {
 .support-title {
  width:90%
 }
}
.support-subtitle {
 margin-block:.5em .4em;
 font-size:3rem;
 color:#666
}
@media only screen and (max-width:576px) {
 .support-subtitle {
  font-size:2.6em
 }
}
.support-body {
 margin-top:8.1rem
}
.support-formGrid {
 grid-template-columns:1fr 1fr;
 gap:0 6rem
}
@media only screen and (max-width:992px) {
 .support-formGrid {
  gap:0 3rem
 }
}
@media only screen and (max-width:768px) {
 .support-formGrid {
  grid-template-columns:1fr
 }
}
.support-friendForm {
 margin-top:6rem
}
.support-friendForm button,
.support-friendForm input,
.support-friendForm label,
.support-friendForm textarea {
 font-size:2.2rem;
 line-height:1.4
}
@media only screen and (max-width:576px) {
 .support-friendForm button,
 .support-friendForm input,
 .support-friendForm label,
 .support-friendForm textarea {
  font-size:2rem
 }
}
.support-friendForm button {
 font-size:2.8rem;
 font-weight:500;
 padding:1rem 2.8rem;
 margin-top:2rem
}
@media only screen and (max-width:576px) {
 .support-friendForm button {
  font-size:2.4em
 }
}
.support-friendForm textarea {
 padding:2rem;
 width:100%;
 border:2px solid #a6a6a6
}
.support-friendForm input[type=email],
.support-friendForm input[type=text] {
 padding-left:1rem;
 margin-block:0 6rem
}
@media only screen and (max-width:576px) {
 .support-friendForm input[type=email],
 .support-friendForm input[type=text] {
  margin-block:0 4rem
 }
}
.support-friendForm input[type=email],
.support-friendForm input[type=text],
.support-friendForm textarea {
 border-bottom:2px solid #a6a6a6
}
.support-friendForm input[type=email]:focus,
.support-friendForm input[type=text]:focus,
.support-friendForm textarea:focus {
 border-bottom:2px solid #595959
}
.support-friendForm input[type=email]::-moz-placeholder,
.support-friendForm input[type=text]::-moz-placeholder,
.support-friendForm textarea::-moz-placeholder {
 text-transform:uppercase;
 color:#8c8c8c;
 font-size:1.8rem;
 opacity:1
}
.support-friendForm input[type=email]:-ms-input-placeholder,
.support-friendForm input[type=text]:-ms-input-placeholder,
.support-friendForm textarea:-ms-input-placeholder {
 text-transform:uppercase;
 color:#8c8c8c;
 font-size:1.8rem;
 opacity:1
}
.support-friendForm input[type=email]::placeholder,
.support-friendForm input[type=text]::placeholder,
.support-friendForm textarea::placeholder {
 text-transform:uppercase;
 color:#8c8c8c;
 font-size:1.8rem;
 opacity:1
}
@media only screen and (max-width:576px) {
 .support-friendForm input[type=email]::-moz-placeholder,
 .support-friendForm input[type=text]::-moz-placeholder,
 .support-friendForm textarea::-moz-placeholder {
  font-size:1.7rem
 }
 .support-friendForm input[type=email]:-ms-input-placeholder,
 .support-friendForm input[type=text]:-ms-input-placeholder,
 .support-friendForm textarea:-ms-input-placeholder {
  font-size:1.7rem
 }
 .support-friendForm input[type=email]::placeholder,
 .support-friendForm input[type=text]::placeholder,
 .support-friendForm textarea::placeholder {
  font-size:1.7rem
 }
}
.support-friendForm textarea {
 margin-block:0 3rem
}
.support-friendForm p {
 font-size:2.2rem;
 font-weight:500;
 margin-block:0 2rem
}
@media only screen and (max-width:576px) {
 .support-friendForm p {
  font-size:2rem
 }
}
.support-friendGift {
 flex-direction:column;
 margin-bottom:4rem
}
.support-friendGift input[type=radio] {
 margin-block:0;
 margin-right:2rem
}
.support-comment {
 font-weight:500;
 margin-bottom:1rem
}
.support-reasons {
 flex-direction:column
}
.support-reasons input[type=radio] {
 margin-block:0;
 margin-right:2rem
}
input[type=text].support-other {
 margin-top:1.5em
}
.support-giftAid {
 margin-bottom:5rem
}
.support-giftAid input[type=checkbox] {
 margin-right:2rem
}
.support-giftAid h3 {
 color:#595959;
 font-size:2.8rem;
 font-weight:500;
 margin-bottom:1rem
}
.support-giftAid p {
 font-weight:400;
 margin-bottom:1rem
}
.support-successFailure {
 margin-top:2rem
}

/* VIDEOS */

.videos-container {
 grid-template-columns:3fr 1fr
}
@media only screen and (max-width:992px) {
 .videos-container {
  grid-template-columns:1fr
 }
}
.videos-title {
 width:75%;
 margin:0 auto
}
@media only screen and (max-width:992px) {
 .videos-title {
  width:81.25%
 }
}
@media only screen and (max-width:768px) {
 .videos-title {
  width:90%
 }
}
.videos-subtitle {
 margin-block:.5em .4em;
 font-size:3rem;
 color:#666
}
@media only screen and (max-width:576px) {
 .videos-subtitle {
  font-size:2.6em
 }
}
.videos-imageGrid {
 z-index:5;
 grid-template-columns:1fr 1fr 1fr;
 gap:3rem;
 width:81.25%;
 margin-inline:auto;
 margin-top:7rem
}
@media only screen and (max-width:992px) {
 .videos-imageGrid {
  grid-template-columns:1fr 1fr
 }
}
@media only screen and (max-width:768px) {
 .videos-imageGrid {
  width:90%
 }
}
@media only screen and (max-width:576px) {
 .videos-imageGrid {
  grid-template-columns:1fr
 }
}
.videos-caption {
 margin-top:2.1rem;
 font-size:1.8rem;
 color:#737373
}
.videos-caption:last-of-type {
 margin-block:1.1rem 2.3rem
}
.videos-caption:first-of-type {
 margin-block:1.1rem 0;
 line-height:1.4
}
.videos-loadMore {
 display:block;
 color:#595959;
 margin-inline:auto;
 margin-top:5rem;
 font-weight:500;
 font-size:2.8rem;
 padding:1rem 2rem;
 background-color:#f2f2f2
}
.videos-loadMore,
.videos-loadMore:hover {
 transition:color .5s ease-in-out,background .5s ease-in-out
}
.videos-loadMore:hover {
 color:#4d4d4d;
 background-color:#e6e6e6
}

/* VISIT US */

.visit-container {
 width:81.25%
}
@media only screen and (max-width:768px) {
 .visit-container {
  width:90%
 }
}
.visit-subtitle {
 margin-block:.5em .4em;
 font-size:3rem;
 color:#666
}
@media only screen and (max-width:576px) {
 .visit-subtitle {
  font-size:2.6em
 }
}
.visit-spacesGrid {
 grid-template-columns:1fr 1fr 1fr;
 gap:3rem;
 margin:8.1rem auto 10rem;
 text-align:right
}
@media only screen and (max-width:992px) {
 .visit-spacesGrid {
  grid-template-columns:1fr 1fr
 }
}
@media only screen and (max-width:576px) {
 .visit-spacesGrid {
  grid-template-columns:1fr
 }
}
.visit-caption {
 margin-top:2.1rem;
 margin-block:.88em 1.3em;
 font-size:1.8rem;
 font-weight:500;
 line-height:1.4;
 color:#737373
}
.visit-spacesTextGrid {
 grid-template-columns:1fr 1fr;
 gap:5rem 5rem;
 margin-bottom:16rem
}
@media only screen and (max-width:1200px) {
 .visit-spacesTextGrid {
  grid-template-columns:1fr
 }
}
.visit-spacesTextGrid h4 {
 padding-top:5rem
}
@media only screen and (max-width:1200px) {
 .visit-text {
  max-width:730px
 }
}
.visit-feedback {
 width:87%;
 max-width:810px;
 margin-inline:auto
}
@media only screen and (max-width:992px) {
 .visit-feedback {
  width:95%
 }
}
@media only screen and (max-width:768px) {
 .visit-feedback {
  width:100%
 }
}
.visit-quoteBtns {
 justify-content:center;
 margin:auto;
 text-align:center;
 background:transparent
}
.visit-quoteBtn {
 font-size:6rem;
 color:#999;
 text-align:center;
 background:transparent
}
.visit-quoteBtn:focus-visible,
.visit-quoteBtn:hover {
 color:#4d4d4d
}
.visit-quoteBtn:focus {
 outline:none
}
.visit-quoteBtnActive {
 color:#4d4d4d
}
.visit-googleMap {
 width:100%;
 height:calc(100vh - 30rem);
 margin:20rem 0 -16rem;
 filter:grayscale(100%)
}
.visit-pin {
 width:4rem
}
.visit-info {
 width:81.25%;
 max-width:850px;
 margin-top:8rem;
 margin-right:auto
}
@media only screen and (max-width:768px) {
 .visit-info {
  width:100%
 }
}
.visit-feedback {
 width:87%;
 max-width:810px;
 margin-inline:auto
}
@media only screen and (max-width:992px) {
 .visit-feedback {
  width:95%
 }
}
@media only screen and (max-width:768px) {
 .visit-feedback {
  width:100%
 }
}
.visit-quoteBtns {
 justify-content:center;
 margin:auto;
 text-align:center;
 background:transparent
}
.visit-quoteBtn {
 font-size:6rem;
 color:#999;
 text-align:center;
 background:transparent
}
.visit-quoteBtn:focus-visible,
.visit-quoteBtn:hover {
 color:#4d4d4d
}
.visit-quoteBtn:focus {
 outline:none
}
.visit-quoteBtnActive {
 color:#4d4d4d
}

/* WORKSHOPS PAGE */

.workshops-container {
 grid-template-columns: 1fr
}
@media only screen and (max-width:992px) {
 .workshops-container {
  grid-template-columns:1fr
 }
}
.workshops-title {
 width:75%;
 margin:0 auto
}
@media only screen and (max-width:992px) {
 .workshops-title {
  width:81.25%
 }
}
@media only screen and (max-width:768px) {
 .workshops-title {
  width:90%
 }
}
.workshops-subtitle {
 margin-block:.5em .4em;
 font-size:3rem;
 color:#666
}
@media only screen and (max-width:576px) {
 .workshops-subtitle {
  font-size:2.6em
 }
}
.workshops-imageGrid {
 z-index:5;
 grid-template-columns:1fr 1fr 1fr;
 gap:3rem;
 margin:5rem auto 0
}
@media only screen and (max-width:992px) {
 .workshops-imageGrid {
  grid-template-columns:1fr 1fr
 }
}
@media only screen and (max-width:576px) {
 .workshops-imageGrid {
  grid-template-columns:1fr
 }
}
.workshops-caption {
 margin-top:2.1rem;
 font-size:1.8rem;
 color:#737373
}
.workshops-caption:last-of-type {
 margin-block:1.1rem 2.3rem
}
.workshops-caption:first-of-type {
 margin-block:1.1rem 0;
 line-height:1.4
}
.workshops-calendar {
 margin-top:2.7rem
}
.workshops-h3 {
 margin-top:1rem;
 font-size:2.2rem;
 font-weight:500;
 line-height:2
}
@media only screen and (max-width:576px) {
 .workshops-h3 {
  font-size:2rem
 }
}
.workshops-calendarList {
 padding:0
}
.workshops-calendarItem {
 font-size:2rem;
 line-height:1.7
}
@media only screen and (max-width:576px) {
 .workshops-calendarItem {
  font-size:1.8rem
 }
}
/* padding-left:2rem*/
.workshops-calendarItem div:last-of-type {
}
.workshops-calendarItem a {
 text-decoration:underline;
 text-decoration-thickness:.1em;
 -webkit-text-decoration-color:hsla(0,0%,50%,0);
 text-decoration-color:hsla(0,0%,50%,0)
}
.workshops-calendarItem a,
.workshops-calendarItem a:focus,
.workshops-calendarItem a:hover {
 transition:-webkit-text-decoration-color .3s ease-in-out;
 transition:text-decoration-color .3s ease-in-out;
 transition:text-decoration-color .3s ease-in-out,-webkit-text-decoration-color .3s ease-in-out
}
.workshops-calendarItem a:focus,
.workshops-calendarItem a:hover {
 text-decoration:underline;
 text-decoration-thickness:.1em;
 -webkit-text-decoration-color:gray;
 text-decoration-color:gray
}
@media only screen and (max-width:576px) {
 .workshops-longTime {
  display:none
 }
 .workshops-shortTime {
  display:block
 }
}
.workshops-calendarTitle {
 font-weight:500
}
.workshops-calendarDays {
 font-weight:400
}
.workshops-body {
 margin-top:8.1rem
}

/* LATEST NEWS */

.news-container {
 grid-template-columns:3fr 1fr
}
@media only screen and (max-width:992px) {
 .news-container {
  grid-template-columns:1fr
 }
}
.news-title {
 width:75%;
 margin:0 auto
}
@media only screen and (max-width:992px) {
 .news-title {
  width:81.25%
 }
}
@media only screen and (max-width:768px) {
 .news-title--gXHQT {
  width:90%
 }
}
.news-subtitle {
 margin-block:.5em .4em;
 font-size:3rem;
 color:#666
}
@media only screen and (max-width:576px) {
 .news-subtitle {
  font-size:2.6em
 }
}
.news-imageGrid {
 z-index:5;
 grid-template-columns:1fr 1fr 1fr;
 gap:3rem;
 width:81.25%;
 margin-inline:auto;
 margin-top:7rem
}
@media only screen and (max-width:992px) {
 .news-imageGrid {
  grid-template-columns:1fr 1fr
 }
}
@media only screen and (max-width:768px) {
 .news-imageGrid {
  width:90%
 }
}
@media only screen and (max-width:576px) {
 .news-imageGrid {
  grid-template-columns:1fr
 }
}
.news-caption {
 margin-top:2.1rem;
 font-size:1.8rem;
 color:#737373
}
.news-caption:last-of-type {
 margin-block:1.1rem 2.3rem
}
.news-caption:first-of-type {
 margin-block:1.1rem 0;
 line-height:1.4
}
.news-loadMore {
 display:block;
 color:#595959;
 margin-inline:auto;
 margin-top:5rem;
 font-weight:500;
 font-size:2.8rem;
 padding:1rem 2rem;
 background-color:#f2f2f2
}
.news-loadMore,
.news-loadMore:hover {
 transition:color .5s ease-in-out,background .5s ease-in-out
}
.news-loadMore:hover {
 color:#4d4d4d;
 background-color:#e6e6e6
}