:root {
    --h1: ;
    --h2: ;
    --h3: ;
    --h4: ;
    --h5: ;
    --h6: ;
    --body: ;
    --Font-Size-Small: 14px;
    --Font-Size-Body: 16px;
    --Font-Size-H4: 22px;
    --Font-Size-H3: 30px;
    --Font-Size-H2: 40px;
    --Font-Size-H1: 80px;
    --yellow: #FFF200;
    --gold: #AE9766;
    --xxs: 10px;
    --xs: 20px;
    --l: 40px;
    --xl: 60px;
    --xxl: 70px;
    --xxxl: 120px;
    --header: 82px;
}

@font-face {
  font-family: mynerve; /* set name */
  src: url(fonts/Mynerve-Regular.woff2); /* url of the font */
}

/* Top margins */
.mt-xxs { margin-top: var(--xxs); }
.mt-xs  { margin-top: var(--xs); }
.mt-l   { margin-top: var(--l); }
.mt-xl  { margin-top: var(--xl); }
.mt-xxl { margin-top: var(--xxl); }
.mt-xxxl{ margin-top: var(--xxxl); }
.pt-xxs { margin-top: var(--xxs); }
.pt-xs  { margin-top: var(--xs); }
.pt-l   { margin-top: var(--l); }
.pt-xl  { margin-top: var(--xl); }
.pt-xxl { margin-top: var(--xxl); }
.pt-xxxl{ margin-top: var(--xxxl); }

/* Bottom margins */
.mb-xxs { margin-bottom: var(--xxs); }
.mb-xs  { margin-bottom: var(--xs); }
.mb-l   { margin-bottom: var(--l); }
.mb-xl  { margin-bottom: var(--xl); }
.mb-xxl { margin-bottom: var(--xxl); }
.mb-xxxl{ margin-bottom: var(--xxxl); }
.pb-xxs { margin-bottom: var(--xxs); }
.pb-xs  { margin-bottom: var(--xs); }
.pb-l   { margin-bottom: var(--l); }
.pb-xl  { margin-bottom: var(--xl); }
.pb-xxl { margin-bottom: var(--xxl); }
.pb-xxxl{ margin-bottom: var(--xxxl); }


.text-yellow {
    color: var(--yellow);
}
.text-white {
    color: #fff;
}
.text-gold {
    color: var(--gold);
}

  html, body { height: 100%;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:998;color: #fff;}
.home #preloader {
	z-index: 9999;
}
/* TYPOGRAPHY */
body, html {
    font-family: "Familjen Grotesk", sans-serif;
    font-optical-sizing: auto;
font-style: normal;
	font-size: 19px;
font-weight: 500;
line-height: 1.2em; /* 30px */
}
p {
    margin-bottom: 1.2em;
}
.mynerve {
  font-family: "Mynerve", cursive !important;
  font-weight: 400;
  font-style: normal;
}
.spline-14 {
	/* Tag */
font-family: var(--Family-Small, "Spline Sans Mono");
font-size: var(--Font-Size-Small, 14px);
font-style: normal;
font-weight: 500;
line-height: 1.4em;
text-transform: uppercase;
}
.font-14 {font-size: var(--Font-Size-Small, 14px);
}
.spline-16 {
	/* Details */
font-family: var(--Family-Small, "Spline Sans Mono");
font-size: var(--Font-Size-Small, 14px);
font-style: normal;
font-weight: 500;
line-height: 1.4em;
text-transform: uppercase;
}

.emphasis-sans {
    /* Bodycopy Emphasise San Serif */
font-family: var(--Family-H4, "Familjen Grotesk");
font-size: var(--Font-Size-H4, 25px);
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.125px;
}
.emphasis-serif {
/* Bodycopy Emphasise Serif */
font-family: var(--Family-H2, "Averia Serif Libre");
font-size: var(--Font-Size-H4, 25px);
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.25px;
}
.averia {
    font-family: var(--Family-H2, "Averia Serif Libre") !important;
}
.font-48 {
    leading-trim: both;
    text-edge: cap;
    font-family: "Familjen Grotesk";
    font-size: var(--Font-Size-H2, 48px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 48px */
}
.heading-sans {
    /* Heading San Serif */
font-family: var(--Family-H4, "Familjen Grotesk");
font-size: var(--Font-Size-H1, 80px);
font-style: normal;
font-weight: 500;
line-height: 120%;
xtext-transform: uppercase;
}
.heading-serif {
    /* Heading Serif */
font-family: var(--Family-H2, "Averia Serif Libre");
font-size: var(--Font-Size-H1, 80px);
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: -0.8px;
xtext-transform: uppercase;
}
h1, .h1 {
    font-size: var(--h1);
    line-height: ;
}
h2, .h2 {
/* Section Name */
font-family: var(--Family-H2, "Averia Serif Libre");
font-size: var(--Font-Size-H2, 48px);
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-bottom: 0;
letter-spacing: -0.48px;}
h3, .h3 {
    /* Introductory Section */
font-family: "Familjen Grotesk";
font-size: var(--Font-Size-H3, 36px);
font-style: normal;
font-weight: 500;
line-height: 120%;

}
h4, .h4 {
    font-size: var(--h4);
    line-height: ;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: ;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: ;
}
small {
    font-size: ;
    line-height: ;
}
.elementor-button, .btn.btn-default {
    font-size: ;
    line-height: ;
}
.spline{
  font-family: "Spline Sans Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

a, a:hover {
    color: inherit;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.navbar-brand {
    padding: 0;
}
.navbar {
    padding: 20px;
}

a, a:xhover {text-decoration: none;}

.menu-item:hover a {
        text-decoration: underline;

}
.current_page_item a {
    text-decoration: underline;
}

/* END TYPOGRAPHY */

.dropdown-menu .nav-item {
    margin-left: 0;
    font-size: 14px;
    text-decoration: none !important;
}
.dropdown-menu .nav-item a {
    text-decoration: none !important;
}
.dropdown-menu {
    border: none;
}
.dropdown-item:focus, .dropdown-item:hover {
    background: transparent !important;
    color: inherit !important;
}
.navbar-nav .dropdown-menu {
    margin-left: -26px;
}

/* CONTENT */

.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
.row {
    margin-left: -20px;
    margin-right: -20px;
}

#landing {
    position: fixed;
    top: 0;
    height: 100dvh;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.landing-top {
    background: #000;
}
.landing-mid {
    background: url('img/photo.jpg') no-repeat center center;
    background-size: cover;
}
.landing-bot {
    background: var(--yellow);
}
#landing > div {
    height: 33.333dvh;
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
}

.landing-logo {
	padding-left: 20px;
    padding-top: 4px;
    font-size: 25px;
    color: var(--yellow);
    display: flex;
    flex-direction: column;
    z-index: 999;
    top: 20px;
    position: relative;
}
.landing-logo svg {
    xmargin-bottom: 14px;
    width: 200px;
}
.landing-logo svg path {
    fill: var(--yellow);
}
.graphics {
    pointer-events: none;
}
#graphic-top {
    position: fixed;
    top: 0%;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 33.333dvh;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#graphic-top svg, #graphic-top img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
}
#graphic-top svg path {
    fill: var(--gold);
}
#graphic-mid {
    position: fixed;
    top: 33.333dvh;
    left: 0%;
    z-index: 8;
    mix-blend-mode: luminosity;
    width: 100%;
    height: 33.333dvh;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), 0 100%);
}
#content-mid {
    position: fixed;
    top: 33.333dvh;
    left: 0%;
    z-index: 89;
    width: 100%;
    height: auto;
    overflow: hidden;
	padding-top: 20px;
}
#graphic-mid svg, #graphic-mid img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    mix-blend-mode: luminosity;
}
#graphic-bot {
    position: fixed;
    bottom: 0%;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 33.333dvh;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    background-color: var(--yellow);
}
#content-bot {
    position: fixed;
    bottom: 0%;
    left: 0;
    z-index: 89;
    width: 100%;
    height: 33.333dvh;
    padding-top: 20px;
    mix-blend-mode: exclusion;
    color: var(--yellow);
}
#graphic-bot svg, #graphic-bot img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
        xmix-blend-mode: exclusion;
}
#graphic-bot svg path {
    fill: #001900;
}

.zoom {
	mix-blend-mode: exclusion;
    color: var(--yellow);
}
.zoom span {
	cursor: pointer;
}

.graphics .svg-1 svg , .home-1 .graphics .svg-1 svg {
    width: auto;
    height: 34dvh;
    transform: translate(-50%,-50%) !important;
    transition: all .5s ease;
}

.home-1 .graphics .svg-2 svg {
    width: 50vw;
    height: auto;
    transform: translate(-50%,-50%) rotate(20deg) translateZ(1px) !important;
    transition: all .5s ease;
}

.home-2 .graphics .svg-1 svg {
    width: auto;
    height: 50dvh;
    transform: translate(-50%,-50%) !important;
    transition: all .5s ease;
}
.home-2 .graphics .svg-2 svg {
    width: 60vw;
    height: auto;
    transform: translate(-50%,-50%) rotate(0deg) translateZ(1px) !important;
    transition: all .5s ease;
}
.home-2 .graphics .svg-3 svg, .home-2 .graphics .svg-3 img {
    width: 60vw;
    height: auto;
    transform: translate(-50%,-50%) !important;
    transition: all .5s ease;
}

.home-3 .graphics .svg-2 svg {
    width: 70vw;
    height: auto;
    transform: translate(-50%,-50%) rotate(-6.522deg) translateZ(1px) !important;
    transition: all .5s ease;

}
.home-3 .graphics .svg-3 svg, .home-3 .graphics .svg-3 img {
    width: 100vw;
    height: auto;
    transform: translate(-50%,-50%) !important;
    transition: all .5s ease;
}

@supports (not (-webkit-text-size-adjust:none)) and (font: -apple-system-body) { 
     /* CSS rules here will apply only in Safari */
	.graphics .svg-2 svg {
width: 60vw !important;}
	#graphic-mid {
		xmix-blend-mode: color-dodge;
		xmix-blend-mode: lighten;
		mix-blend-mode: plus-lighter;
		xmix-blend-mode: luminosity;
	}
  } 



.home-1 .graphics .svg-1 {
        opacity: 1;
    visibility: visible;
    transition: all .5s ease;
}
.graphics .svg-2, .graphics .svg-3 {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}
.home-2 .graphics .svg-1, .home-3 .graphics .svg-1, .home-3 .graphics .svg-2, .home-2 .graphics .svg-3 {
    opacity: 0;
    visibility: hidden; 
    transition: all .5s ease;
}
.home-2 .graphics .svg-2, .home-3 .graphics .svg-3 {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
}

.gap-10 {
    gap: 10px;
}
.gap-20 {
    gap: 20px;
}
.gap-40 {
    gap: 40px;
}

.about-home img, #landing img {
	margin-top: 20px;
	transition: all .5s ease;
}
.home-1 .about-home img, .home-1 .index-home img, .home-1 .writings-home img, .home-1 .directory-home img {
	width: 86px;
	transition: all .5s ease;
}
.home-2 .about-home img, .home-2 .index-home img, .home-2 .writings-home img, .home-2 .directory-home img {
	width: 60%;
	transition: all .5s ease;
}
.home-3 .about-home img, .home-3 .index-home img, .home-3 .writings-home img, .home-3 .directory-home img {
	width: 100%;
	transition: all .5s ease;
}
.home-2 .img2 {
	width: 60% !important;
	transition: all .5s ease;
}
.home-3 .img2 {
	width: 80% !important;
	transition: all .5s ease;
}

.home-1 .img2 {
    position: absolute;
    xleft: 146px;
    right: calc(100% - 232px);
	transition: all .5s ease;
}
.home-2 .img2, .home-3 .img2 {
    position: absolute;
    right: 20px;
    xleft: 50%;
	transition: all .5s ease;
}

.zoom {position: fixed;
bottom: 20px;
left: 20px;
z-index: 999;}

.home-1 .x1, .home-2 .x2, .home-3 .x3 {
    text-decoration: underline;
    transition: all .3s ease;
}

#page-header {
    height: 100dvh;
    width: 100%;
    
    position: absolute;
  top: 0;
    z-index: 9;
}
#page-header .header-top {
    height: 66.666dvh;
    width: 100%;
    z-index: 9;
    padding-top: calc(var(--header) + 70px);
    padding-left: 20px;
}
#page-header .header-bot {
    height: 33.333dvh;
    background-color: #000000;
    z-index: 9;
    padding: 20px;
}
#page-header .graphic-top {
    position: absolute;
    overflow: hidden;
    height: 66.666dvh;
    width: 100%;
    mix-blend-mode: luminosity;
    pointer-events: none;
}
#page-header .graphic-bot {
    position: absolute;
    overflow: hidden;
    height: 33.333dvh;
    width: 100%;
    bottom: 0;
    pointer-events: none;
}
#page-header .graphic-top svg, #page-header .graphic-top img {
    width: 90vw;
    height: auto;
    position: absolute;
    top: 0dvh;
    left: 0;
}
#page-header .graphic-bot svg, #page-header .graphic-bot img {
    width: 90vw;
    height: auto;
    position: absolute;
        top: -66.666dvh;
    left: 0;
}

#page-content {
    z-index: 1;
    xheight: 200dvh;
  xmin-height: calc(100dvh + var(--sticky-height));
	padding-bottom: 318px;
    pointer-events: none;
}

.page-sticky {
    position: relative;
	background: white;
    top: 0;
    padding-top: var(--header);
	padding-bottom: var(--xxxl);
        width: 100%;
    max-width: 100%;
    pointer-events: auto;
}


.navbar-brand svg path {
    transition: all .3s ease;
}
.nav-link {
    transition: all .3s ease;
}
.nav-item {
    margin-left: 60px;
}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }
.scrolled-nav .navbar-brand svg path {
    fill: #000;
    transition: all .3s ease;
}
.scrolled-nav .nav-link {
    color: #000;
    transition: all .3s ease;
}

header {
    
    transition: all .3s ease;
}
.scrolled-100vh header {
    background: white;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
}

.header-bot-content {
    position: relative;
    margin: 20px;
    z-index: 1;
}

.slider-bg {
    width: 100%;
    height: 100dvh;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background: black;
}
.slider-bg .slide {
    width: 100%;
    height: 100dvh;
}
.slick-dots li button::before {
    display: none;
}

.slick-dots, .custom-dots-container {
    position: absolute;
    right: 10px;
    bottom: 20px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
}
.slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 2px;
border: 1px solid var(--Yellow, #FFF200);
}
li.slick-active button {
    background: var(--yellow);
}
.custom-dots-container {
    width: 100%;
}
.slide-bg-next {
    position: absolute;
    right: 20px;
    top: calc(50% - 11px);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M19.9998 10.7069H0.000157971" stroke="%23FFF200" stroke-width="2"/><path d="M10 0.707031L19.9998 10.7069L10 20.7067" stroke="%23FFF200" stroke-width="2"/></svg>') no-repeat center center;
    background-size: contain;
    width: 22px;
    height: 22px;
    z-index: 99;
    cursor: pointer;
}
.slide-bg-prev {
    position: absolute;
    left: 20px;
    top: calc(50% - 11px);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M1.41422 10.7072L21.4139 10.7072" stroke="%23FFF200" stroke-width="2"/><path d="M11.4141 20.707L1.41422 10.7072L11.4141 0.707348" stroke="%23FFF200" stroke-width="2"/></svg>') no-repeat center center;
    background-size: contain;
    width: 22px;
    height: 22px;
    z-index: 99;
    cursor: pointer;
}

.content-sticky {
    position: sticky;
    top: 82px;
}

ol li {margin-bottom: 1.2em;}

.team-position {
    color: var(--gold);
}
.team-img {
    width: 66.666%;
    margin-bottom: 20px;
}
.team-btn {
    display: inline-block;
padding: 4px 5px;
justify-content: center;
align-items: center;
gap: 10px;
    border-radius: 5px;
border: 1px solid var(--Gold, #AE9766);
}
.team-btn:hover {
    background: var(--gold);
    text-decoration: none;
}
.team-item {
    margin-bottom: 40px;
}
.team-row {
    xmargin-bottom: -40px;
}

.past-initiative {
    padding-top: 10px;
    margin-bottom: 40px;
    border-top: 1px solid var(--gold);
}
.past-initiative:last-of-type {
    margin-bottom: 0;
}

.responsive img {
    width: calc((41.666667vw / 5) - 40px) !important;
    object-fit: contain;
    object-position: center left;
    height: 500px;
}
.responsive .slick-slide img { transition: width .5s ease; }
.responsive .slick-active img {
    width: calc(58.333333vw - 40px) !important;
}

  /* the slides */
  .responsive .slick-slide {
      margin: 0 20px;
      height: 500px;
  }

.responsive .slick-list{padding-left: calc(41.666667vw + 0px) !important;}

.w-66 {
    width: 66.666%;
    max-width: 66.666%;
}

#active-filters {
    padding-left: 20px;
}
.active-filter {
    background: var(--gold);
}

.hover-img img {
    position: absolute;
    top: 0;
    width: 150%;
    max-width: 130%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.page-id-30 .past-initiative {
    position: relative;
}
.page-id-30 .past-initiative:hover .hover-img img {
    opacity: 1;
    visibility: visible;
}

.team-details {
	display: none;
    background: black;
    color: white;
    padding-top: 20px;
    padding-bottom: var(--xxxl);
	
	position: absolute;
	bottom: 0;
}

#nav-icon4 {
    width: 30px;
    height: 20px;
    position: fixed;
    top: 30px;
    right: 20px;
    margin: 1px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    cursor: pointer;
    z-index: 9999;
  }
  #nav-icon4::before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    top: -5px;
    left:0;
    z-index: 0;
  }
  #nav-icon4::after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left:0;
    z-index: 0;
  }
 #nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 25px;
    background: var(--gold);
    border-radius: 9px;
    opacity: 1;
    left: 3px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease;
    -moz-transition: .15s ease;
    -o-transition: .15s ease;
    transition: .15s ease;
    z-index: 1;
  }
  /* Icon 4 */
#nav-icon4 {
}
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4.open span {
    background: #000;
}
#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}
#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 8px;
}

#mobile-menu {

    display: none;
    background: var(--yellow);
    height: 100dvh;
    width: 100%;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    padding: 20px;
}
#mobile-menu ul li, #mobile-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#mobile-menu .nav-link {
    padding: 0 0 10px 0;
    margin-bottom: 20px;    
}
#mobile-menu-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    padding: var(--Spacing-Small, 20px) var(--Spacing-Small, 20px) var(--Spacing-Large, 30px) var(--Spacing-Small, 20px);

}
 .coming-soon-slider {
    overflow: hidden;
 }
  /* the slides */
 .coming-soon-slider  .slick-slide {
      margin: 0 20px;
  }

  /* the parent */
 .coming-soon-slider  .slick-list {
      margin: 0 -20px;
  }

  .btn-nav {
    cursor: pointer;
    color: var(--Black, #000);
    font-family: var(--Family-Small, "Spline Sans Mono");
    font-size: var(--Font-Size-H4, 25px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 30px */
    text-transform: uppercase;
    border-radius: 5px;
border: 1px solid var(--Gold, #AE9766);
display: inline-block;
padding: 5px;
justify-content: center;
align-items: center;
gap: 10px;
  }

.content-area .mb-xxl:last-child {
	margin-bottom: 0 !important;
}

.heading-serif {
    max-width: 1000px;
    display: inline-block;
}

.back-section {
    height: var(--xxl);
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

.past-desc {
    display: -webkit-box; /* Enables the flexible box model (WebKit specific) */
  -webkit-box-orient: vertical; /* Arranges content vertically within the box */
  -webkit-line-clamp: 4; /* Limits the text to 3 lines before truncation */
  overflow: hidden;    /* Hides any content that overflows */

}
.past-desc.expanded {
  -webkit-line-clamp: 999; /* Limits the text to 3 lines before truncation */

}

.more-less {
    color: var(--gold);
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
}

.card {
    border: none;
    margin-bottom: var(--l);
}
.card-header {
    padding: 10px 0;
    margin-bottom: 0;
    background-color: transparent !important;
    border: none;
    border-bottom: none;
    border-top: 1px solid var(--gold);
}
.card-header button {
    padding: 0;
    box-shadow: none !important;
    outline: none !important;
    color: inherit;
}
.card-header button:hover {
    color: inherit;
}
.card-body {
    padding-left: 0;
    padding-right: 0;
}

.card-header h2 button::before {
    content: '+';
    font-family: mynerve;
    position: absolute;
    right: 0;
    top: 8px;
    /* transform: translateY(-50%); */
    font-size: var(--Font-Size-H2);
}
.card-header h2 button[aria-expanded="true"]::before {
    content: '-';
    font-family: mynerve;
    position: absolute;
    right: 0;
    top: 8px;
    /* transform: translateY(-50%); */
    font-size: var(--Font-Size-H2);
}

.sort-by-a-z.active, .sort-by-a-z-book.active, .sort-by-a-z-publication.active {
    background: var(--gold);
}
.dropdown-item {
    position: relative;
}
.dropdown-item::before {
    content: '→';
    font-family: mynerve;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.full-link {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 9;
	top: 0;
	left: 0;
}

.truncate-6 {
    display: -webkit-box;
  -webkit-line-clamp: 6; /* Limits to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.content-area img {
    max-width: 100%;
}
.content-area > div {
    max-width: 100%;
}
div.wp-caption img {
    margin-bottom: 10px;
}

.sort-clear, .sort-clear-book, .sort-clear-publication {display:none;}

.btn-nav.whats-next, .btn-nav.coming-next {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 184.25 159.6"><!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123) --><defs><style> .st0 { fill: %23231f20; } </style></defs><polygon class="st0" points="0 86.36 159.04 86.36 134.81 107.39 144.39 117.48 144.39 117.4 184.25 79.71 145.63 42.12 136.05 52.29 159.33 73.33 0 73.33 0 86.36"/></svg>') no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 24px;
}
.btn-nav.whats-prev, .btn-nav.coming-prev {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 184.25 159.6"><!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123) --><defs><style> .st0 { fill: %23231f20; } </style></defs><polygon class="st0" points="184.25 73.24 25.21 73.24 49.44 52.21 39.86 42.12 39.86 42.2 0 79.89 38.62 117.48 48.2 107.31 24.92 86.27 184.25 86.27 184.25 73.24"/></svg>') no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 24px;
}

.content-area h2 {
    margin-bottom: 40px;
}

/* END CONTENT */

footer {
	background: var(--yellow);
	
	padding-top: 20px;
	padding-bottom: 30px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
footer .signup {
	padding-bottom: 150px;
}
.signup form {
	position: relative;
	margin-top: var(--l);
}
.signup-form {
	border: none;
	background: transparent;
	border-bottom: 1px solid black;
	width: 100%;
	outline: none;
	padding-bottom: var(--xxs);
	padding-right: 20px;
}
.signup-submit {
	position: absolute;
	bottom: 13px;right: 0;
	background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5563 8.30845H-9.82881e-05" stroke="black" stroke-width="1.5"/><path d="M7.77808 0.530273L15.5563 8.30845L7.77808 16.0866" stroke="black" stroke-width="1.5"/></svg>') no-repeat center center;
	width: 17px;height: 17px; background-size: contain;
	border: none;
	outline: none;
	text-indent: -9999px;
}

/* start mobile/tablets */
.mobile { display: none; }
@media (max-width: 991.98px){ 
.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; }

:root {
    --Font-Size-Small: 14px;
    --Font-Size-Body: 16px;
    --Font-Size-H4: 21px;
    --Font-Size-H3: 24px;
    --Font-Size-H2: 32px;
    --Font-Size-H1: 54px;
    --yellow: #FFF200;
    --gold: #AE9766;
    --xxs: 10px;
    --xs: 20px;
    --l: 30px;
    --xl: 40px;
    --xxl: 60px;
    --xxxl: 100px;
    --header: 82px;
}

.mmb-xs {
    margin-bottom: var(--xs);
}
.mmb-l {
    margin-bottom: var(--l);
}
.mmb-xl {
    margin-bottom: var(--xl);
}
.mmb-xxl {
    margin-bottom: var(--xxl);
}
.mmt-l {
    margin-top: var(--l);
}
.mmt-xxl {
    margin-top: var(--xxl);
}
.mmt-xxxl {
    margin-top: var(--xxxl);
}

    .container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
}

.team-img {
    width: 100%;
}
.team-item {
    margin-bottom: var(--xxl);
}

#content-mid {
    height: 33.333dvh;
}
#content-mid .container-fluid, #content-mid .row, .landing-mid .container-fluid, .landing-mid .row {
    height: 100%;
}
    .landing-mid .col-md-3 {
        height: 25%;
        display: flex;
        justify-content: flex-end;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
.landing-mid .col-md-3 a {
    display: flex;
    justify-content: flex-end;
}
.home-1 .about-home img, .home-1 .index-home img, .home-1 .writings-home img, .home-1 .directory-home img {
    width: auto;
    margin-top: 0 !important;
    height: calc(100% - 20px);
    transition: all .5s 
ease;
}
.home-2 .about-home img, .home-2 .index-home img, .home-2 .writings-home img, .home-2 .directory-home img {
    width: auto !important;
    margin-top: 0 !important;
    height: calc(100% - 10px);
    transition: all .5s 
ease;
}
.home-3 .about-home img, .home-3 .index-home img, .home-3 .writings-home img, .home-3 .directory-home img {
    width: auto !important;
    margin-top: 0 !important;
    height: calc(100% - 0px);
    transition: all .5s 
ease;
}
.landing-mid .col-md-3 > div, .landing-mid .col-md-3 > div a {
    height: 100%;
}
.landing-mid br {
    display: none;
}

.landing-mid .img2 {
    right: 0;
    position: relative;
}

.landing-mid .gap-40 {
    gap: 10px;
}



footer a {
    font-size: 12px;
}

#past-initiatives-r {
    overflow-x: auto;
    overflow-y: clip;
    width: 100vw;
    margin-left: -20px;
}
#past-initiatives-scroll {
    width: 300vw;
    padding-left: 20px;
    padding-right: 20px;
}

.mobile-footer-full {
    gap: 20px;
    justify-content: space-between;
}

#page-header .header-top {
    height: 66.666dvh;
    width: 100%;
    z-index: 9;
    padding-top: calc(82px + 30px);
    padding-left: 20px;
}

.team-item .w-66 {
    width: 100%;
    max-width: 100% !important;
}

#active-filters {
    padding-left: 10px;
}

.responsive img, .responsive .slick-active img {
    width: calc(100vw - 40px) !important;
}
.responsive .slick-list {
    padding-left: 0 !important;
}

.heading-sans {
    line-height: 100% !important;
}
.heading-serif {
    margin-top: 5px;
}
	
	.graphics .svg-1 svg , .home-1 .graphics .svg-1 svg {
    height: 25dvh;
}
	.graphics .svg-2 svg, .graphics .svg-2 img {
		width: 55vw;
	}
	.home-3 .graphics .svg-3 svg, .home-3 .graphics .svg-3 img {
		width: 80vw;
	}

} /* end mobile/tablets */

@media (min-width: 768px) and (max-width: 991.98px) {
        #past-initiatives-scroll {
        width: 150vw;
        padding-left: 20px;
        padding-right: 20px;
    }
}