:root{
--color-white: #e5e7e4;
--color-black: #111;
--color-grey-1: #99ad91;
--color-grey-2: #6c7f73;
--color-grey-3: #5a7a63;
--color-dark-green: #024202;
--color-menu-green: #66cc66;
--transition-speed: 200ms
}
*,*::after,*::before{
box-sizing:inherit;
margin:0;
padding:0
}
html{
box-sizing:border-box;
font-size:62.5%
}
@media screen and (max-width: 59.375em){
html{
font-size:56.25%
}

}
@media screen and (max-width: 46.875em){
html{
font-size:50%
}

}
@media screen and (max-width: 30em){
html{
font-size:43.75%
}

}
body{
background-color: var(--color-dark-green);
color: var(--color-white);
overflow-x:hidden
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/light/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/light/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/light/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/light/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/light/barlow-semi-condensed.svg") format("svg");
font-weight:300;
font-style:normal
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/light-italic/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/light-italic/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/light-italic/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/light-italic/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/light-italic/barlow-semi-condensed.svg") format("svg");
font-weight:300;
font-style:italic
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/regular/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/regular/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/regularlight/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/regularlight/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/regularlight/barlow-semi-condensed.svg") format("svg");
font-weight:400;
font-style:normal
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/italic/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/italic/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/italic/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/italic/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/italic/barlow-semi-condensed.svg") format("svg");
font-weight:400;
font-style:italic
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/medium/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/medium/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/medium/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/medium/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/medium/barlow-semi-condensed.svg") format("svg");
font-weight:500;
font-style:normal
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/medium-italic/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/medium-italic/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/medium-italic/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/medium-italic/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/medium-italic/barlow-semi-condensed.svg") format("svg");
font-weight:500;
font-style:italic
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/semi-bold/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/semi-bold/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/semi-bold/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/semi-bold/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/semi-bold/barlow-semi-condensed.svg") format("svg");
font-weight:600;
font-style:normal
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/semi-bold-italic/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/semi-bold-italic/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/semi-bold-italic/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/semi-bold-italic/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/semi-bold-italic/barlow-semi-condensed.svg") format("svg");
font-weight:600;
font-style:italic
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/bold-italic/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/bold-italic/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/bold-italic/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/bold-italic/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/bold-italic/barlow-semi-condensed.svg") format("svg");
font-weight:700;
font-style:italic
}
@font-face{
font-family:"barlow-semi-condensed";
src:url("../fonts/barlow-semi-condensed/bold/barlow-semi-condensed.woff2") format("woff2"),url("../fonts/barlow-semi-condensed/bold/barlow-semi-condensed.woff") format("woff"),url("../fonts/barlow-semi-condensed/bold/barlow-semi-condensed.eot") format("eot"),url("../fonts/barlow-semi-condensed/bold/barlow-semi-condensed.ttf") format("ttf"),url("../fonts/barlow-semi-condensed/bold/barlow-semi-condensed.svg") format("svg");
font-weight:700;
font-style:normal
}
body{
font:normal 400 1.6rem/1 "barlow-semi-condensed",sans-serif
}
.container{
display:grid;
align-items:start;
justify-items:start;
grid-template-columns:[full-start] minmax(6rem, 1fr) [center-start] repeat(10, [col-start] minmax(-webkit-min-content, 12rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
grid-template-columns:[full-start] minmax(6rem, 1fr) [center-start] repeat(10, [col-start] minmax(min-content, 12rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end]
}
.footer{
grid-column:full-start/full-end;
display:flex;
flex-flow:column;
text-align: justify
}
.footer__funding{
display:grid;
grid-template-columns:-webkit-max-content 1fr;
grid-template-columns:max-content 1fr;
align-items:center;
gap:10rem;
padding:6rem 8rem;
color:var(--color-white);
font-size:2rem
}
@media screen and (max-width: 40.625em){
.footer__funding{
grid-template-columns:1fr;
place-items:center;
place-content:center;
gap:2rem
}

}
.footer__logo{
height:8rem;
width:30rem
}
.footer__logo img{
max-height:100%;
max-width:100%
}
.header{
grid-column:full-start/full-end;
display:flex;
align-items:center;
justify-content:space-between;
padding:1rem 3rem;
width:100%;
z-index:1
}
.header__logo{
display:inline-block;
height:8rem;
width:23rem
}
.header__logo img{
max-height:100%
}
.main{
grid-column:full-start/full-end;
--margin-bottom: 12rem;
width:100vw;
margin-bottom:var(--margin-bottom);
display:flex;
flex-flow:column
}
.main__image{
height:50vh;
-o-object-fit:cover;
object-fit:cover;
margin-bottom:4rem
}
.main__heading{
padding:0 6rem;
font-size:5rem;
text-align: left;
text-transform:uppercase
}
.main__paragraph{
padding:0 6rem;
font-size:2rem;
line-height:1.5
}
.nav{
display:flex
}
@media screen and (max-width: 55em){
.nav{
display:none
}

}
.nav__link:link,.nav__link:visited{
display:inline-block;
padding:3rem 4rem;
background:no-repeat linear-gradient(var(--color-menu-green), var(--color-menu-green));
background-position:50% 100%;
background-size:100% 0%;
color:var(--color-white);
font-weight:700;
text-decoration:none;
text-transform:uppercase;
transition:all var(--transition-speed)
}
@media screen and (max-width: 83.125em){
.nav__link:link,.nav__link:visited{
padding:3rem 2rem
}

}
@media screen and (max-width: 63.75em){
.nav__link:link,.nav__link:visited{
font-size:1.5rem
}

}
.nav__link:hover{
background-size:100% 100%;
background: var(--color-menu-green);
color:var(--color-white);
transition: all var(--transition-speed)
}
.mobile{
display:none;
place-items:center;
place-content:center;
grid-template-columns:-webkit-max-content;
grid-template-columns:max-content
}
@media screen and (max-width: 55em){
.mobile{
display:grid
}

}
.mobile__button{
top:2rem;
right:3rem;
position:fixed;
display:grid;
place-items:center;
height:6rem;
width:6rem;
border-radius:50%
}
.mobile__button:hover .mobile__button-label .mobile__icon::before{
top:-300%
}
.mobile__button:hover .mobile__button-label .mobile__icon::after{
bottom:-400%
}
.mobile__button-input:checked~.mobile__button .mobile__button-label .mobile__icon{
background-color:transparent
}
.mobile__button-input:checked~.mobile__button .mobile__button-label .mobile__icon::before,.mobile__button-input:checked~.mobile__button .mobile__button-label .mobile__icon::after{
background-color: var(--color-dark-green);
top:50%
}
.mobile__button-input:checked~.mobile__button .mobile__button-label .mobile__icon::before{
transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg)
}
.mobile__button-input:checked~.mobile__button .mobile__button-label .mobile__icon::after{
transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg)
}
.mobile__button-input{
display:none
}
.mobile__button-input:checked~.mobile__nav{
transform:translate3d(-50%, -50%, 0)
}
.mobile__button-input:checked~.mobile__button .mobile__background{
transform:scale(5000)
}
.mobile__nav{
position:fixed;
top:50%;
left:50%;
transform:translate3d(2500%, -50%, 0);
transition:all var(--transition-speed);
background: no-repeat linear-gradient(var(--color-grey-3), var(--color-grey-2))
}
.mobile__button-label{
z-index:999;
width:100%;
height:100%;
border-radius:inherit;
background:var(--color-white);
position:relative;
display:grid;
place-items:center;
box-shadow:0 2rem 1rem rgba(0, 0, 0, 0.5);
border:1px solid var(--color-menu-green);
cursor:pointer
}
.mobile__button-label .mobile__icon{
display:inline-block;
width:2rem;
height:.2rem;
background:var(--color-menu-green);
position:relative
}
.mobile__button-label .mobile__icon::before,.mobile__button-label .mobile__icon::after{
content:"";
position:absolute;
left:50%;
transform:translate3d(-50%, -50%, 0);
width:100%;
height:100%;
background:inherit;
transition:all var(--transition-speed)
}
.mobile__button-label .mobile__icon::before{
top:-200%
}
.mobile__button-label .mobile__icon::after{
bottom:-300%
}
.mobile__background{
position:absolute;
top:50%;
left:50%;
border-radius:50%;
transform:translate3d(-50%, -50%, 0);
height:.1rem;
width:.1rem;
pointer-events:none;
transition:all 600ms;
background-color: var(--color-dark-green);
}
.mobile__wrapper{
width:100%;
position:relative;
display:grid;
align-items:center;
grid-template-columns:-webkit-max-content auto;
grid-template-columns:max-content auto;
padding:1rem 3rem;
gap:0 2rem
}
.mobile__input{
display:none
}
.mobile__label{
justify-self:end;
display:block;
padding:1rem;
width:2rem;
height:2rem;
position:relative
}
.mobile__label::before,.mobile__label::after{
content:"";
position:absolute;
top:50%;
left:50%;
width:70%;
height:.2rem;
background:var(--color-white);
transition:all var(--transition-speed)
}
.mobile__label::before{
transform:translate3d(-72.5%, -50%, 0) rotate3d(0, 0, 1, 60deg)
}
.mobile__label::after{
transform:translate3d(-26.5%, -50%, 0) rotate3d(0, 0, -1, 60deg)
}
.mobile__input:checked+.mobile__label::before{
width:90%;
transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg)
}
.mobile__input:checked+.mobile__label::after{
width:90%;
transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, -1, 45deg)
}
.mobile__link:link,.mobile__link:visited{
color:var(--color-grey-1);
display:inline-block;
padding:.5rem 1rem;
font-size:2rem;
font-weight:600;
text-decoration:none;
text-transform:uppercase
}
.mobile__dropdown{
width:-webkit-max-content;
width:-moz-max-content;
width:max-content;
position:absolute;
align-self:flex-end;
opacity:0;
visibility:hidden;
background:var(--color-white);
transition:all var(--transition-speed);
z-index:10
}
.mobile__input:checked~.mobile__dropdown{
position:relative;
opacity:1;
visibility:visible
}
.mobile__list{
width:-webkit-max-content;
width:-moz-max-content;
width:max-content;
list-style:none;
display:flex;
flex-flow:column;
gap:1rem;
margin:0 3rem
}
.mobile__item{
width:100%;
display:grid;
grid-template-columns:1fr auto;
align-items:center;
position:relative
}
.mobile__dropdown--nested{
position:absolute;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity var(--transition-speed);
grid-column:1/-1
}
.mobile__input:checked~.mobile__dropdown--nested{
position:relative;
opacity:1;
visibility:visible
}
.fpattern{
grid-column:center-start/center-end;
display:grid;
grid-template-columns:repeat(2, 1fr);
grid-auto-flow:dense;
align-items:center;
gap:6rem 3rem;
--margin-bottom: 12rem;
margin-bottom:var(--margin-bottom)
}
/* Full-width override for fpattern on the Open Positions page */
.latest-news {
  grid-column: full-start / full-end;
  text-align: center;
  padding: 2rem;
  font-size: 2rem;
  background-color: rgba(255, 255, 255, 0.05); /* optional soft contrast */
  color: var(--color-white);
}
.latest-news a {
  color: var(--color-menu-green);
  text-decoration: underline;
  font-weight: 600;
}
.latest-news a:hover {
  color: var(--color-white);
}
@media screen and (max-width: 38.75em){
.fpattern{
grid-template-columns:1fr;
gap:0 1rem
}

}
.fpattern .heading{
grid-column:1/-1;
font-size:7rem;
text-align:center;
padding:3rem 0
}
@media screen and (max-width: 53.125em){
.fpattern .heading{
font-size:5rem;
padding:2rem 0
}

}
.fpattern .content:nth-of-type(odd){
grid-column:2
}
@media screen and (max-width: 38.75em){
.fpattern .content:nth-of-type(odd){
grid-column:auto
}

}
.fpattern .content:nth-of-type(even){
grid-column:1
}
@media screen and (max-width: 38.75em){
.fpattern .content:nth-of-type(even){
grid-column:auto
}

}
.fpattern .img-container{
justify-self:center
}
.fpattern .img-container:nth-of-type(odd){
grid-column:1
}
@media screen and (max-width: 38.75em){
.fpattern .img-container:nth-of-type(odd){
grid-column:auto
}

}
.fpattern .img-container:nth-of-type(even){
grid-column:2
}
@media screen and (max-width: 38.75em){
.fpattern .img-container:nth-of-type(even){
grid-column:auto
}

}
.fpattern .img-container img{
height:25rem;
-o-object-fit:contain;
object-fit:contain
}
@media screen and (max-width: 53.125em){
.fpattern .img-container img{
height:20rem
}

}
.fpattern.justified .img-container:nth-of-type(odd){
justify-self:left
}
@media screen and (max-width: 38.75em){
.fpattern.justified .img-container:nth-of-type(odd){
justify-self:center
}

}
.fpattern.justified .img-container:nth-of-type(even){
justify-self:right
}
@media screen and (max-width: 38.75em){
.fpattern.justified .img-container:nth-of-type(even){
justify-self:center
}

}
.content{
display:flex;
flex-flow:column
}
@media screen and (max-width: 38.75em){
.content:not(:last-child){
margin-bottom:8rem
}

}
.content__heading{
font-size:4rem;
text-transform:uppercase;
margin-bottom:3rem
}
@media screen and (max-width: 53.125em){
.content__heading{
font-size:3rem;
margin-bottom:2rem
}

}
.content__paragraph{
font-size:1.8rem
}
.content__paragraph:not(:last-child){
margin-bottom:1rem
}
@media screen and (max-width: 53.125em){
.content__paragraph{
font-size:1.6rem
}

}
.language__menu{
position:relative
}
.language__menu:hover .language__choices{
opacity:1;
visibility:visible
}
.language__choices{
opacity:0;
visibility:hidden;
position:absolute;
left:50%;
transform:translate3d(-50%, 0, 0);
background:var(--color-grey-3);
transition:all var(--transition-speed);
display:flex;
flex-flow:column
}
.language__link:link,.language__link:visited{
text-decoration:none;
text-transform:uppercase;
font-size:2rem;
color:var(--color-white);
display:inline-block;
padding:1rem 3rem;
transition:all var(--transition-speed)
}
.language__link:link:not(:last-child),.language__link:visited:not(:last-child){
border-bottom:1px solid var(--color-grey-1)
}
.language__link:hover{
background:var(--color-grey-1)
}
.dropdown{
position:relative
}
.dropdown__content{
position:absolute;
z-index:10;
display:grid;
grid-auto-flow:column;
gap:6rem;
padding:2rem 5rem;
min-width:-webkit-max-content;
min-width:-moz-max-content;
min-width:max-content;
background:var(--color-white);
transition:opacity var(--transition-speed);
opacity:0;
visibility:hidden;
box-shadow:0 .5rem 1rem rgba(0, 0, 0, 0.5)
}
.dropdown__content .dropdown__content{
left:100%;
top:0
}
.dropdown:hover>.dropdown__content{
opacity:1;
visibility:visible
}
.dropdown__column{
display:flex;
align-items:center;
flex-flow:column;
color:var(--color-grey-2)
}
.dropdown__column:not(:last-child){
border-right:1px solid currentColor;
padding-right:2rem;
margin-right:-2rem
}
.dropdown__list{
list-style:none;
display:flex;
flex-flow:column
}
.dropdown__heading:link,.dropdown__heading:visited,.dropdown__link:link,.dropdown__link:visited{
display:block;
color:inherit;
text-decoration:none;
padding:.6rem 1rem;
transition:color var(--transition-speed)
}
.dropdown__heading:hover,.dropdown__link:hover{
background: var(--color-grey-1);
color: var(--color-white);
transition: all var(--transition-speed)
}
.slider{
grid-column:full-start/full-end;
position:relative;
--width: 100vw;
--height: 70vh;
width:var(--width);
height:var(--height)
}
.slider__list{
list-style:none;
position:relative;
width:100%;
height:100%
}
.slider__item{
position:absolute;
width:100%;
height:100%;
transition:transform var(--transition-speed)
}
.slider__content{
position:absolute;
display:flex;
justify-content:flex-end;
flex-flow:column;
gap:2rem;
/*background:rgba(32, 83, 44, 0.623);*/
padding:6rem 6rem 10rem;
width:100%;
height:100%
}
.slider__category{
color:var(--color-grey-1)
}
.slider__heading{
color:var(--color-white);
font-size:4rem;
font-weight:700;
text-transform:uppercase
}
.slider__link:link,.slider__link:visited{
color:var(--color-white);
font-weight:600;
text-decoration:none;
text-transform:uppercase
}
.slider__image{
position:absolute;
z-index:-1;
width:100%;
height:100%
}
.slider__image img{
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover
}
.slider__buttons{
position:absolute;
bottom:5%;
left:50%;
transform:translate3d(-50%, 0, 0);
display:flex;
align-items:center;
justify-content:center;
gap:1rem
}
.slider__button{
width:2rem;
height:2rem;
background:transparent;
border:2px solid var(--color-menu-green);
border-radius:50%;
cursor:pointer;
transition:border-color var(--transition-speed)
}
.slider__button:hover,.slider__button--active{
border-color:var(--color-dark-green)
}
.slider__swap{
position:absolute;
bottom:5%;
right:5%;
display:flex;
align-items:center;
gap:2rem
}
@media screen and (max-width: 40.625em){
.slider__swap{
display:none
}

}
.slider__swap-button{
outline:none;
cursor:pointer;
display:grid;
place-items:center;
width:4rem;
height:4rem;
background:rgba(255, 255, 255, 0.2);
border:1px solid var(--color-menu-green);
border-radius:50%;
transition:all var(--transition-speed)
}
.slider__swap-button:hover{
background:var(--color-grey-1);
transform:translate3d(0, -0.2rem, 0)
}
.slider__swap-button:active{
transform:translate3d(0, 0, 0)
}
.partners{
padding:6rem 8rem;
background:var(--color-dark-green);
color:var(--color-white);
font-size:2rem;
text-transform:uppercase
}
.partners input{
display:none
}
.partners__buttons{
display:flex;
align-items:center;
gap:3rem;
border-bottom:.2rem solid rgba(255, 255, 255, 0.2);
margin-bottom:1rem
}
.partners__button{
cursor:pointer;
padding:1rem 2rem;
position:relative
}
.partners__button::after{
content:"";
position:absolute;
top:100%;
left:50%;
transform:translate3d(-50%, 0, 0);
width:100%;
height:.2rem;
background:currentColor;
opacity:0;
visibility:hidden;
transition:opacity var(--transition-speed)
}
#beneficiaries:checked~.partners__buttons .partners__button[for=beneficiaries]::after,#associated-partners:checked~.partners__buttons .partners__button[for=associated-partners]::after{
opacity:1;
visibility:visible
}
#beneficiaries:checked~.partners__logos[data-type=beneficiaries],#associated-partners:checked~.partners__logos[data-type=associated-partners]{
position:relative;
transform:scale(1);
opacity:1
}
.partners__logos{
display:grid;
gap:1rem;
grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));
place-items:center;
opacity:0;
position:absolute;
transform:scale(0);
transition:opacity var(--transition-speed)
}
.partners__logo{
max-height:12rem;
max-width:12rem;
filter:brightness(0) invert(1)
}
a:link,
a:visited {
  color: var(--color-menu-green)}
a:hover,
a:active {
  color: var(--color-white)
}
.chevron {
  fill: var(--color-dark-green);
}
/*# sourceMappingURL=style.css.map */