/**/ 


@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
@font-face {
font-family: "Onest";
src: url(//g4gc.org/wp-content/themes/G4GC/fonts/Onest-VariableFont_wght.ttf);
font-weight: normal;
} :root {
--16px: 1rem;
--24px: 1.5rem;
--32px: 2rem;
--300px: 18.75rem;
interpolate-size: allow-keywords;
--base-font-size: clamp(1.3rem, 1.18vw, 1.6rem); --wrap-width: min(100%, 1200px);
--space-gap: min(50px, 3.25rem);
--space-gap-half: min(25px, 1.6rem);
--space-topmarg: min(4rem, 64px);
--breakout-size: min(60px, 5rem);
--border-radius: 1rem;
--nav-height: 10rem;
--footer-widgets: 27.5rem;
--footer-height: 6.75rem;
--font-main: "Onest", sans-serif;
--font-awesome: 'FontAwesome';
--font-bootstrap: "bootstrap-icons";
--font-google: "material symbols rounded", "material symbols", "material icons";
--color-body: #fff;
--color-text: #2d2733;
--color-teal: #208281;
--color-purple: #7854a2;
--color-dark-teal: #0fb7b3;
--color-dark-purple: #400d56;
--color-light-teal: #ceffe9;
--color-light-purple: #e6e6ff;
--color-beige: #f9f5f2;
--color-navy: #0e314d;
--color-orange: #ff5033;
--color-yellow: #ffd634;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
border: 0;
margin: 0;
padding: 0;
line-height: 1.2;
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
font-family: var(--font-main);
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
letter-spacing: 0.5px;
background-color: var(--color-body);
color: var(--color-text);
}
.has-body-color {
color: var(--color-body);
}
.has-text-color {
color: var(--color-text);
}
.has-teal-color {
color: var(--color-teal);
}
.has-purple-color {
color: var(--color-purple);
}
.has-dark-teal-color {
color: var(--color-dark-teal);
}
.has-dark-purple-color {
color: var(--color-dark-purple);
}
.has-light-teal-color {
color: var(--color-light-teal);
}
.has-light-purple-color {
color: var(--color-light-purple);
}
.has-beige-color {
color: var(--color-beige);
}
.has-navy-color {
color: var(--color-navy);
}
.has-orange-color {
color: var(--color-orange);
}
.has-yellow-color {
color: var(--color-yellow);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
.p {
margin: 0;
}
h1,
.h1 {
font-weight: 900;
font-size: 72px;
font-size: calc(var(--base-font-size) + 2.4rem);
margin: 0;
margin-bottom: 1em;
line-height: 1.1;
}
h2,
.h2 {
font-weight: 700;
font-style: normal;
font-size: 42px;
font-size: calc(var(--base-font-size) + 1.4rem);
margin-bottom: 0.8em;
margin-top: 0.5em;
color: var(--color-dark-purple);
}
h3,
.h3 {
font-weight: 500;
font-size: 28px;
font-size: calc(var(--base-font-size) + 0.5rem);
margin-bottom: 0.8em;
margin-top: 0.5em;
}
h4,
.h4 {
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
font-size: calc(var(--base-font-size) - 0.125rem);
letter-spacing: 0.125rem;
margin-bottom: 0.8em;
line-height: 1.6;
}
h5,
.h5 {
font-weight: 700;
font-size: 20px;
font-size: calc(var(--base-font-size) - 0.125rem);
margin-bottom: 0.8em;
line-height: 1.6;
}
strong {
font-weight: 600;
}
p,
.p,
ul.wp-block-list,
ol.wp-block-list {
line-height: 1.6;
font-size: var(--base-font-size);
margin-bottom: calc(clamp(16px, 1.4vw, 22px) * .75);
margin-bottom: 1.6rem;
}
ul.wp-block-list,
ol.wp-block-list {
margin: 0;
margin-bottom: 1.65rem;
padding-left: 1.75ch;
}
ul.wp-block-list li,
ol.wp-block-list li {
line-height: 1.5;
margin-bottom: .8ch;
padding-left: .5rem;
}
ul.wp-block-list li::marker {
font-size: calc((var(--base-font-size)) + 10%);
color: var(--color-orange);
}
.wpcf7-list-item {
margin: 0 0 0 0.6rem;
}
blockquote.wp-block-quote {
border-left: 2px solid var(--color-yellow);
margin-left: 1.6rem;
padding-left: 1.6rem;
margin-bottom: 3rem;
}
blockquote.wp-block-quote cite {
font-size: calc(var(--base-font-size) - 0.125rem);
font-weight: 500;
font-style: normal;
}
figure.wp-block-post-featured-image {
margin: 0;
}
figure.wp-block-post-featured-image img {
box-shadow: 1rem 1rem 0 var(--color-yellow);
margin-bottom: 1.6rem;
border-radius: 1.25rem;
aspect-ratio: 4/3;
aspect-ratio: 16/9;
aspect-ratio: revert-layer;
object-position: top;
width: 100%;
max-width: var(--wrap-width);
}
article.category-newsletter figure.wp-block-post-featured-image img,
article.past-convening figure.wp-block-post-featured-image img { width: 100%;
aspect-ratio: auto;
aspect-ratio: revert-layer;
margin-bottom: 2.6rem;
}
hr.wp-block-separator {
border-top: 1px solid #ccc;
margin: 2.6rem 0;
}
p.caption,
figcaption {
font-size: calc((var(--base-font-size)) - 20%);
color: var(--color-teal);
margin-top: .6rem;
margin-bottom: 2.6rem;
}
a,
.a {
font-size: inherit;
text-decoration: none;
color: var(--color-teal);
font-weight: 500;
&:hover {
color: var(--color-purple);
}
}
a,
a:visited,
button,
button[type="submit"],
input[type="button"],
input[type="submit"] {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.wp-block-button a,
.navbtn a,
a.more-link,
a.ReadMore,
a.wp-block-read-more,
a.orgBtn,
.wp-block-post-excerpt__more-text a,
.wpforms-submit,
.form-submit input,
button,
button[type="submit"],
input[type="button"],
input[type="submit"] {
cursor: pointer;
display: inline-block;
align-content: center;
font-family: inherit;
font-size: var(--base-font-size);
font-weight: 500;
letter-spacing: .5px;
text-align: center;
border: none;
border-radius: 5rem;
padding: .6rem 1.6rem;
margin: 0;
height: fit-content;
max-height: unset;
min-width: 130px;
color: var(--color-body);
background-color: var(--color-orange);
transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
&:hover {
color: var(--color-navy);
background-color: var(--color-yellow);
transform: scale(.96);
}
}
button.closebtn {
width: 46px;
min-width: auto;
padding: 0;
height: 46px;
display: grid;
background-color: var(--color-light-teal);
position: absolute;
right: 0.6rem;
top: 0.8rem;
justify-content: center;
}
button.closebtn i {
width: 24px;
height: 24px;
color: var(--color-navy);
display: grid;
align-content: center;
}
.wp-block-button.yellow a {
color: var(--color-navy);
background-color: var(--color-yellow);
}
.wp-block-button.yellow a:hover {
color: var(--color-teal);
background-color: var(--color-body);
}
.site-container div.site-inner,
.site-container div.footer-widgets,
.site-container footer.site-footer {
position: relative;
}
.site-inner .content-sidebar-wrap {
min-height: calc(100vh - calc(var(--nav-height) + var(--footer-widgets) + var(--footer-height)));
display: grid;
overflow-x: clip;
}
div {
scroll-margin: 0;
scroll-margin-top: 75px;
}
.section {
position: relative;
scroll-margin: 0;
scroll-margin-top: 75px;
padding: 0;
margin-bottom: var(--space-topmarg);
}
.archive-description,
.breadcrumb,
header.entry-header,
.entry-content,
figure.featured-image,
footer.entry-footer,
.related-posts,
.footer-widgets .wrap,
footer.widgets,
footer.site-footer .wrap,
.fullwidth,
.colorblock,
.beigebg,
.newdon,
.twocol.news.connect {
display: grid;
transition: 0.4s;
column-gap: 0;
grid-template-columns:
[fullwidth-start] minmax(var(--space-gap-half), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--space-gap), var(--wrap-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--space-gap-half), 1fr) [fullwidth-end];
}
.archive-description>*,
.breadcrumb>*,
header.entry-header>*,
.entry-content>*,
figure.featured-image>*,
footer.entry-footer>*,
.related-posts>*,
.footer-widgets .wrap>*,
footer.widgets>*,
footer.site-footer .wrap>*,
.fullwidth>*,
.colorblock>*,
.beigebg>*,
.newdon>*,
.twocol.news.connect>* {
grid-column: content;
}
.fullwidth>:not(.fullwidth, .colorblock, .breakout),
.colorblock>:not(.fullwidth, .colorblock, .breakout) {
grid-column: content;
}
.breakout {
grid-column: breakout;
}
.fullwidth,
.colorblock,
.beigebg {
grid-column: fullwidth;
display: grid !important;
}
.colorblock,
.beigebg {
padding: var(--space-topmarg) 0;
padding-top: calc(var(--space-topmarg) + 1rem); }
.beigebg {
background-color: var(--color-beige);
padding: var(--space-gap-half) 0;
}
.beigebg ul.wp-block-list li::marker {
color: var(--color-dark-teal);
}
body.admin-bar aside.nav-toggle,
body.admin-bar aside.mobile-menu.responsive {
top: 32px; @media all and (max-width: 782px) {
top: 46px; }
}
body.splash header.site-header,
body.splash footer.site-footer,
body.splash aside.mobile-menu,
body.splash aside.extra-sidebar {
display: none;
}
body.splash header.site-header,
body.splash footer.site-footer,
body.splash aside.nav-toggle,
body.splash aside.mobile-menu,
body.splash aside.extra-sidebar,
body.splash .footer-widgets {
display: none;
}
body.splash .site-container .site-inner {
padding: 0 !important;
}
body.splash .site-inner .content-sidebar-wrap {
width: 100vw;
height: 100vh;
overflow: hidden;
display: grid;
align-content: center;
}
figure.per10 img {
object-position: center 10%;
}
.extend-500 {
height: 500px;
} input[type="search"]::-webkit-search-decoration {
display: none;
}
form.search-form {
display: flex;
column-gap: 1rem;
}
.wp-block-search input,
form.search-form input {
width: auto;
min-height: 2.7rem;
background-color: var(--color-body);
border: 1px solid var(--color-navy);
border-radius: .6rem;
padding: 0.625rem 1.25rem;
font-family: inherit;
font-size: var(--base-font-size) !important;
color: var(--color-text);
}
.wp-block-search__inside-wrapper {
column-gap: 1.6rem;
}
form.search-form input::placeholder,
form.search-form input::-ms-input-placeholder {
opacity: .6;
}
.wpcf7-form {
display: block;
max-width: 650px;
max-width: 40.625rem;
width: 100%;
margin: 0 auto;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form textarea {
width: 100%;
min-height: 3.4rem;
padding: .5rem 1.6rem;
border: 0;
border-radius: 5rem;
font-family: "Onest", sans-serif;
font-size: var(--base-font-size) !important;
color: var(--color-dark-purple);
text-align: center;
}
.wpcf7-form input[type="submit"]:hover {
transform: scale(.96);
} header.site-header {
height: var(--nav-height);
max-height: var(--nav-height);
position: relative;
top: 0;
left: 0;
display: grid;
text-align: center;
background-color: var(--color-body);
transition: background 0.2s cubic-bezier(.43, .195, .02, 1);
z-index: 1000;
@media screen and (max-width: 1177px) {
z-index: 1003;
}
}
.site-header .wrap {
display: grid;
align-content: stretch;
grid-template-columns: auto auto;
padding: 0 var(--space-gap-half);
@media screen and (max-width: 1177px) {
grid-template-columns: auto;
}
}
.title-area,
.nav-logo,
.header-widget-area {
z-index: 1001;
}
.title-area {
display: none;
}
.nav-logo {
grid-column: 1/2;
display: grid;
justify-content: start;
align-content: center;
position: relative;
}
a.homelink {
margin: 0;
display: grid;
align-content: center;
transition: transform 0.4s cubic-bezier(.43, .195, .02, 1);
transition: width 0s ease;
width: clamp(150px, 12vw, 200px);
height: auto;
@media screen and (max-width: 550px) {
width: clamp(120px, 12vw, 150px);
}
}
a.homelink:hover {
transform: scale(.98);
}
div.widget-area.header-widget-area {
grid-column: 2/3;
display: inline-flex;
justify-content: end;
align-content: stretch;
align-items: center;
column-gap: 2rem;
@media screen and (max-width: 1177px) {
display: none;
}
}
div.widget-area.header-widget-area .widget-wrap {
display: grid;
align-self: stretch;
align-content: stretch;
align-items: center;
}
ul.menu.genesis-nav-menu {
align-self: center;
display: flex;
flex-wrap: nowrap;
column-gap: 1.6vw;
justify-content: end;
align-items: center;
align-content: center;
padding: 0;
margin: 0;
min-height: 3.125rem;
}
ul.menu.genesis-nav-menu li {
align-self: center;
display: flex;
justify-content: center;
position: relative;
list-style-type: none;
font-size: var(--base-font-size);
}
ul.menu.genesis-nav-menu li a {
align-self: stretch;
align-content: center;
text-align: center;
height: 100%;
transition: 0.4s;
padding: .8rem 1.2rem;
}
ul.menu.genesis-nav-menu li a:hover,
ul.menu.genesis-nav-menu li.sfHover a {
background-color: var(--color-dark-purple);
color: var(--color-body);
}
ul.menu.genesis-nav-menu li.navbtn a {
font-weight: 500;
background-color: var(--color-dark-purple);
padding: .8rem 1.6rem;
}
ul.menu.genesis-nav-menu li.navbtn a:hover {
color: var(--color-body);
background-color: var(--color-dark-teal);
}
ul.menu.genesis-nav-menu li.menu-item-has-children a {
display: flex;
align-items: center;
column-gap: .5rem;
white-space: nowrap;
width: 100%;
}
ul.menu.genesis-nav-menu li.menu-item-has-children i.drop-menu {
font-size: .8rem;
font-size: calc(var(--base-font-size) - 0.4rem);
padding: 0 6px;
padding: 0 0.375rem;
padding: 0;
display: grid;
align-content: center;
}
ul.menu.genesis-nav-menu li.menu-item-has-children i.mobile-toggle {
display: none;
}
ul.menu.genesis-nav-menu li ul.sub-menu {
display: none;
min-width: 100%;
list-style: none;
padding: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
margin-left: 0;
overflow: hidden;
background-color: var(--color-dark-purple);
}
ul.menu.genesis-nav-menu li ul.sub-menu li a:hover {
color: var(--color-dark-purple);
background-color: var(--color-light-purple);
}
ul.menu.genesis-nav-menu li.menu-item-has-children:hover ul.sub-menu {
display: block;
}
ul.menu.genesis-nav-menu ul.sub-menu li {
justify-content: start;
transition: all 0.2s ease-in-out;
padding: 0;
}
ul.menu.genesis-nav-menu ul.sub-menu li.indent a::before {
content: '\f068';
font: var(--fa-font-solid);
padding-left: 0.6rem;
margin-right: 0.6rem;
} aside.nav-toggle {
display: none;
height: var(--nav-height);
position: absolute;
top: 0;
right: 0;
right: var(--space-gap-half);
z-index: 1003;
@media screen and (max-width: 1177px) {
display: grid;
}
}
aside.nav-toggle.responsive {
position: fixed;
}
body.admin-bar aside.nav-toggle {
top: 32px; @media all and (max-width: 782px) {
top: 46px; }
}
aside.nav-toggle * {
position: relative;
align-self: stretch;
display: grid;
}
#toggle {
display: grid;
grid-template-columns: auto auto;
position: relative;
right: 0;
align-content: center;
transition: transform 0.2s;
}
#toggle a {
align-self: center;
display: grid;
height: 100%;
padding: 10px;
padding: 0;
justify-content: center;
align-content: center;
}
#toggleIcon {
display: grid;
align-content: space-evenly;
width: 3.5rem;
height: 3.5rem;
padding: 10px 0.74rem;
align-content: space-evenly;
align-content: center;
gap: 6px;
transform-origin: center;
transition: all 0.2s, height 0.2s, transform 0.2s, -webkit-transform 0.2s;
-webkit-transition: all 0.2s, height 0.2s, -webkit-transform 0.2s;
-o-transition: all 0.2s, height 0.2s, transform 0.2s;
}
#toggleIcon .bar {
margin: 0;
width: 100%;
height: 0.188rem;
height: 2.6px;
background: var(--color-text);
border-radius: var(--border-radius);
transition: transform 0.2s, -webkit-transform 0.2s;
-webkit-transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
}
#toggle:not(.responsive):hover #toggleIcon {
gap: 10px;
}
#toggle.responsive .bar {
background: var(--color-beige);
}
#toggle.responsive .bar:first-child {
-webkit-transform: translateY(0.6rem) rotate(45deg);
-ms-transform: translateY(0.6rem) rotate(45deg);
transform: translateY(0.6rem) rotate(45deg);
}
#toggle.responsive .bar:nth-child(2) {
opacity: 0;
}
#toggle.responsive .bar:last-child {
-webkit-transform: translateY(-0.5rem) rotate(-45deg);
-ms-transform: translateY(-0.5rem) rotate(-45deg);
transform: translateY(-0.5rem) rotate(-45deg);
} aside.mobile-menu {
display: grid;
margin: 0 auto;
padding: calc(var(--nav-height) + 20px) 1.5rem 1.5rem;
grid-template-rows: auto;
align-content: start;
width: clamp(325px, 50vw, 700px);
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 150%;
transition: left 0.5s cubic-bezier(.43, .195, .02, 1);
background-color: var(--color-dark-purple);
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: none;
z-index: 1002;
}
aside.mobile-menu::-webkit-scrollbar {
display: none; }
body.admin-bar aside.mobile-menu.responsive {
top: 32px;
@media all and (max-width: 782px) {
top: 46px;
}
}
aside.mobile-menu.responsive {
top: 0;
left: 0;
box-shadow: none;
}
aside.mobile-menu section {
padding-bottom: 0;
}
aside.mobile-menu ul {
list-style-type: none;
display: grid;
align-content: space-between;
height: 100%;
padding: 0;
row-gap: 0;
}
aside.mobile-menu ul li {
box-sizing: border-box;
display: grid;
align-content: stretch;
}
aside.mobile-menu ul li a {
display: flex;
width: 100%;
font-size: clamp(1.6rem, 3.2vw, 80px);
text-decoration: none;
padding: 1.5rem 0;
align-self: center;
transition: 0.4s;
color: var(--color-beige);
}
aside.mobile-menu ul li a:hover {
text-decoration: none;
color: var(--color-light-teal);
}
aside.mobile-menu ul li.menu-item-has-children {
display: grid;
flex-wrap: wrap;
justify-content: space-between;
}
aside.mobile-menu ul li.menu-item-has-children>a {
flex-basis: 90%;
grid-column: 1/2;
display: inline-flex;
}
aside.mobile-menu ul li.menu-item-has-children i.drop-menu {
display: none;
}
aside.mobile-menu ul li.menu-item-has-children i {
flex-basis: 10%;
grid-column: 2/3;
grid-row: 1/2;
height: 100%;
width: 100%;
min-width: 100px;
display: grid;
align-items: center;
justify-content: end;
transition: transform 0.4s;
}
aside.mobile-menu ul li.menu-item-has-children i::before {
transform: rotate(-90deg);
transform-origin: center;
font-size: clamp(1rem, 3.2vw, 80px);
color: var(--color-beige);
}
aside.mobile-menu ul li.menu-item-has-children i.m-toggled::before {
transform: rotate(0);
}
aside.mobile-menu ul.sub-menu {
display: none;
flex-basis: 100%;
grid-column: 1/3;
margin: 0 0 30px;
padding: 1rem 0;
border: 1px solid rgba(126, 144, 153, .1);
border-radius: 1.25rem;
background-color: var(--color-purple);
height: auto;
transition: max-height 0.7s cubic-bezier(.43, .195, .02, 1);
overflow: hidden;
}
aside.mobile-menu ul li.menu-item-has-children i.m-toggled ul.sub-menu {
display: block;
}
aside.mobile-menu ul.sub-menu li {
border: none;
padding: 0 1.5rem;
}
aside.mobile-menu ul.sub-menu li a {
font-size: clamp(1.3rem, 3.2vw, 80px);
color: var(--color-body);
padding: .6rem 0;
}
aside.mobile-menu ul.sub-menu li a::before {
content: "—";
content: '\f068';
font-family: "Font Awesome 6 Free";
font: var(--fa-font-solid);
margin-right: 1rem;
color: var(--color-body);
}
aside.mobile-menu ul.sub-menu li.indent {
padding-left: 4.2rem;
}
aside.mobile-menu .navbtn a {
font-size: clamp(1.6rem, 3.2vw, 80px);
background-color: var(--color-dark-teal);
padding: .6rem 1.6rem;
display: grid;
}
aside.mobile-menu .navbtn a:hover {
color: var(--color-navy);
background-color: var(--color-yellow);
}
header.site-header.responsive {
width: inherit;
z-index: 1003;
background: transparent;
} .site-inner,
.footer-widgets,
.site-footer {
transition: filter 0.5s;
}
main.content article {
position: relative;
}
.breadcrumb {
margin-top: var(--space-topmarg);
height: 36px;
}
.breadcrumb span {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
column-gap: .5rem;
font-weight: 500;
text-transform: uppercase;
font-size: 20px;
font-size: calc(var(--base-font-size) - 0.125rem);
color: var(--color-purple);
transition: 0.4s
}
.breadcrumb * {
height: 36px;
display: grid;
grid-template-columns: repeat(3, minmax(0, auto));
align-items: center;
}
.breadcrumb a {
display: inline-flex;
align-content: center;
align-items: center;
color: var(--color-purple);
}
.breadcrumb a:hover {
color: var(--color-teal);
}
.breadcrumb i {
font-size: 2.25rem;
margin-right: .5rem;
margin-right: 1rem;
transition: all 0.2s ease-in-out;
}
.breadcrumb a:hover i {
transform: translateX(-0.6rem);
}
.breadcrumb span.bsep:nth-child(2) {
display: none;
}
.breadcrumb-link-wrap:first-child,
body.fullwidth .breadcrumb-link-wrap,
body.funding .breadcrumb-link-wrap {
display: none;
}
body.past-convening .breadcrumb-link {
display: none;
}
body.past-convening .breadcrumb .g4bc {
display: inline-flex;
}
header.entry-header {
margin-bottom: var(--space-topmarg);
margin-top: calc(var(--space-topmarg) / 1);
}
h1.entry-title {
color: var(--color-teal);
margin-bottom: 0;
}
p.entry-meta {
font-size: calc(var(--base-font-size) - 0.16rem);
margin-top: var(--space-gap-half);
}
figure.wp-block-image img {
border-radius: var(--border-radius);
}
.gridpostbox {
height: 100%;
display: grid;
column-gap: 1.2rem;
row-gap: 1.2rem;
}
.gridpostbox li,
.related-list a {
background-color: var(--color-navy);
border-radius: var(--border-radius);
display: grid;
grid-template-rows: 1.4fr 3.2rem 1fr;
max-height: 23.6rem;
}
.gridpostbox figure.wp-block-post-featured-image {
margin: 0;
overflow: hidden;
}
.gridpostbox figure.wp-block-post-featured-image img {
object-fit: cover;
object-position: unset;
width: 100%;
height: 100%;
border-radius: var(--border-radius) var(--border-radius) 0 0;
box-shadow: none;
aspect-ratio: unset;
}
.gridpostbox .taxonomy-category {
display: flex;
}
.gridpostbox .taxonomy-category a,
.related-list h4.entry-cat {
padding: 0.6rem;
padding-top: 0.44rem;
color: var(--color-navy);
background: var(--color-light-teal);
font-size: calc(var(--base-font-size) - 30%);
width: fit-content;
}
.gridpostbox .taxonomy-category a {
margin-left: 0.6rem;
margin-top: 1.2rem;
}
.gridpostbox .taxonomy-category a:first-child {
margin-left: 1.6rem;
}
.gridpostbox .taxonomy-category a:hover {
color: var(--color-purple);
background: var(--color-light-purple);
}
.gridpostbox .taxonomy-category a:nth-child(3),
.gridpostbox .taxonomy-category span.wp-block-post-terms__separator {
display: none;
}
.gridpostbox .wp-block-post-title {
padding: 1.1rem 1.6rem 1.6rem;
margin: 0;
overflow: hidden;
}
.gridpostbox .wp-block-post-title a,
.related-list .entry-content-title h2 {
color: var(--color-body);
font-size: calc((var(--base-font-size)) - .1vw);
font-weight: 500;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 4;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 7rem;
display: -webkit-box;
}
.callout {
max-width: 800px;
background: var(--color-yellow);
border-radius: 1.25rem;
padding: 1.6rem !important;
} .lander header.site-header {
background-color: var(--color-dark-purple);
}
.lander ul.menu.genesis-nav-menu li a {
color: var(--color-body);
}
.lander ul.menu.genesis-nav-menu li a:hover,
.lander ul.menu.genesis-nav-menu li.sfHover a {
background-color: var(--color-dark-teal);
color: var(--color-body);
}
.lander ul.menu.genesis-nav-menu li.navbtn a {
background-color: var(--color-dark-teal);
}
.lander ul.menu.genesis-nav-menu li.navbtn a:hover {
color: var(--color-navy);
background-color: var(--color-light-teal);
}
.lander ul.menu.genesis-nav-menu li ul.sub-menu {
background-color: var(--color-dark-teal);
}
.lander ul.menu.genesis-nav-menu li ul.sub-menu li a:hover {
color: var(--color-navy);
background-color: var(--color-light-teal);
}
.lander #toggleIcon .bar {
background: var(--color-body);
}
.lander main.content {
max-width: 100%;
padding: 0;
}
.lander .breadcrumb {
display: none;
}
.lander article {
background: linear-gradient(180deg, var(--color-dark-purple) 7.6rem, var(--color-body) 7.6rem);
@media screen and (max-width: 550px) {
background: linear-gradient(180deg, var(--color-dark-purple) 6.4rem, var(--color-body) 6.4rem);
}
}
body.home.lander article {
background: linear-gradient(180deg, var(--color-dark-purple) 0vh, var(--color-body) 0vh);
}
.lander header.entry-header {
background: transparent;
position: relative;
margin-top: 0;
}
.lander h1.entry-title {
width: fit-content;
margin: 0;
padding: 1.6rem;
background-color: var(--color-dark-teal);
color: var(--color-body);
position: relative;
top: 50%;
}
.lander .entry-content {
padding: 0;
display: grid;
width: 100%;
}
body.home.lander .entry-content {
margin: 0 auto 0 auto;
padding: 0;
max-width: 100%;
}
#HomeSlider {
background: linear-gradient(180deg, var(--color-dark-purple) 85%, var(--color-body) 85%);
margin: 0;
}
.lander .section {
margin-bottom: 3.6rem;
}
.lander .intro .wrap {
display: grid;
grid-template-columns: 1.4fr 1fr;
column-gap: 2.6rem;
margin-top: var(--space-gap);
@media screen and (max-width: 1024px) {
grid-template-columns: 1fr;
}
}
a.landown {
display: block;
margin-top: 1.6rem;
}
a.landown:hover {
transform: translateY(.6rem);
}
a.landown i {
font-size: 2.5rem;
color: var(--color-purple);
}
a.landown i::before {
transform: rotate(-90deg);
}
a.landown:hover i {
color: var(--color-teal);
}
.groupcol h3 {
margin-top: 2.6rem;
color: var(--color-teal);
font-weight: 700;
}
.teamgroup>div {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 2.6rem;
row-gap: 2.6rem;
@media screen and (max-width: 440px) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.teamgroup h5 {
font-size: calc(var(--base-font-size) - .04rem);
font-size: var(--base-font-size);
font-weight: 600;
color: var(--color-purple);
}
.teamgroup p {
font-size: calc(var(--base-font-size) - .16rem);
line-height: 1.4rem;
line-height: normal;
}
.fundsbox {
display: grid !important;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
column-gap: 1.2rem;
row-gap: 1.2rem;
margin-top: 1.6rem
}
.fundi {
flex-basis: 49%;
background-color: var(--color-navy);
border-radius: 1.25rem;
position: relative;
}
.fundi figure,
.fundi figure a {
height: 100%;
overflow: hidden;
border-radius: 1.25rem 0 0 1.25rem;
}
.fundi figure img {
object-fit: cover;
height: 100%;
}
.fundi .wp-block-media-text__content {
padding: 2.6rem 1.6rem 1.6rem;
display: grid;
align-self: start;
}
.fundi h4 {
color: var(--color-yellow);
border-left: 3px solid var(--color-yellow);
padding: 0 1rem;
height: 3rem;
display: grid;
align-content: center;
line-height: 1.3;
}
.fundi h2 {
color: var(--color-body);
font-size: calc(var(--base-font-size) + 1rem);
}
.fundi .linkoff {
font-size: 2.5rem;
color: var(--color-light-teal);
justify-self: end;
position: absolute;
bottom: 1.6rem;
right: 2.6rem;
}
.fundi .linkoff:hover {
color: var(--color-yellow);
transform: translateX(.6rem);
}
.twocol,
.twocol.news.connect .wrap {
display: grid !important;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
column-gap: 1.2rem;
row-gap: 1.2rem;
@media screen and (max-width: 1024px) {
grid-template-columns: 1fr;
}
}
body.home .twocol {
margin: var(--space-topmarg) 0;
}
.twocol .txtbx {
border-radius: 1.25rem;
padding-top: 2.6rem;
padding-bottom: 2.6rem;
padding-left: min(8vw, 2.6rem);
padding-right: min(8vw, 2.6rem);
background-color: var(--color-beige);
display: grid;
}
.twocol .txtbx h4 {
color: var(--color-purple);
border-left: 3px solid var(--color-purple);
padding: 0 1rem;
height: 3rem;
display: grid;
align-content: center;
line-height: 1.3;
}
.twocol .txtbx h2 {
color: var(--color-teal);
}
.twocol .imgbx {
border-radius: 1.25rem;
background-color: var(--color-beige);
}
body.home .twocol .imgbx {
background-color: transparent;
display: grid;
}
.algcen {
align-content: center;
}
body.home .twocol .imgbx svg {
scale: 112%;
position: relative;
left: -1.6rem;
}
.twocol .imgbx figure,
.twocol .imgbx figure a {
height: 100%;
overflow: hidden;
border-radius: 1.25rem;
}
.twocol .imgbx figure img {
object-fit: cover;
height: 100%;
}
.twocol .imgbx.rt figure img {
object-position: right;
}
.twocol .dblbx {
border-radius: 1.25rem;
background-color: var(--color-beige);
display: grid;
grid-template-rows: .6fr 1fr;
}
.twocol .dblbx figure {
margin: 0;
}
.twocol .dblbx figure.wp-block-image img {
object-fit: cover;
object-position: bottom;
aspect-ratio: 16/9;
width: 100%;
border-radius: 1.25rem 1.25rem 0 0;
}
.twocol .dblbx .wp-block-group {
padding: 1.6rem 2.6rem;
display: grid;
row-gap: 1rem;
align-content: start;
}
.twocol .dblbx .wp-block-group h3 {
color: var(--color-purple);
}
#Stats .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1.2rem;
row-gap: 1.2rem;
@media screen and (max-width: 880px) {
grid-template-columns: 1fr;
}
}
.yllbx {
background: var(--color-yellow);
padding: 1.6rem 0.6rem;
border-radius: 1.25rem;
text-align: center;
}
.yllbx div {
height: 100%;
align-items: center;
display: grid;
align-content: center;
}
.yllbx h1,
.yllbx p {
margin-bottom: 0;
color: var(--color-navy);
} body.funding main.content {
max-width: 100%;
padding: 0;
position: relative;
}
body.funding .entry-content .section {
margin-bottom: var(--space-gap);
}
.fltbx {
display: grid !important;
}
.fltbx .beigebg {
grid-column: 1/-1;
}
.fltbx .section {
display: grid;
}
.fltbx .section .wrap {
margin-right: 30%;
@media screen and (max-width: 1024px) {
margin-right: 0;
}
}
.jumpmenu {
grid-column: 1/-1 !important;
grid-row: 1/-1;
position: sticky;
right: 0;
top: var(--nav-height);
justify-self: end;
width: 28.5rem;
width: auto;
max-width: 30.6rem;
background-color: var(--color-yellow);
border-radius: 1.25rem 0 0 1.25rem;
padding: 1.6rem;
margin-bottom: 1.6rem !important;
z-index: 1000;
transition: 0.4s cubic-bezier(.43, .195, .02, 1);
@media screen and (max-width: 1024px) {
position: fixed;
top: calc(var(--nav-height) + 5rem);
left: 100%;
justify-self: unset;
}
}
.jumpmenu h4 {
color: var(--color-teal);
}
.jumpmenu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.jumpmenu ul li {
border-bottom: 1px solid var(--color-navy);
padding: 0 0 .6rem 0;
}
.jumpmenu ul li a {
color: var(--color-navy);
}
.jumpmenu ul li a:hover {
color: var(--color-purple);
}
.jumpmenu .pulltab {
display: none;
position: absolute;
width: 4.6rem;
height: 3.6rem;
top: 0;
left: -3.6rem;
background-color: var(--color-yellow);
padding: 0 .8rem;
align-content: center;
vertical-align: middle;
border-radius: .6rem 0 0 .6rem;
cursor: pointer;
@media screen and (max-width: 1024px) {
display: inline;
}
}
.jumpmenu .pulltab i {
font-size: 2rem;
color: var(--color-text);
}
.jumpmenu.pulled {
position: fixed;
left: 60%;
left: 30%;
max-width: 90vw;
}
.jumpmenu .mediastack {
padding-top: 1rem;
}
.jumpmenu .mediastack h3 {
font-size: calc(var(--base-font-size) - 0.125rem);
font-weight: 600;
}
.jumpmenu .mediastack p {
font-size: calc(var(--base-font-size) - 0.125rem);
}
.hglhbx .wp-block-group__inner-container {
display: grid;
}
.highlight {
background-color: var(--color-light-purple);
border-radius: 1.25rem;
padding: 1.6rem;
margin-bottom: 1.6rem;
}
.highlight h3 {
color: var(--color-dark-purple);
font-weight: 900;
font-size: calc(var(--base-font-size) + 2.6rem);
margin-bottom: 1rem;
}
.BBbeigebx {
background-color: var(--color-beige);
border-radius: 1.25rem;
padding: 1.6rem;
margin-bottom: 1.6rem;
}
body.funding .entry-content .twocol,
body.funding .entry-content .social {
max-width: var(--wrap-width);
margin-bottom: var(--space-topmarg);
}
.fltbx .intro figure.wp-block-image img {
box-shadow: 1rem 1rem 0 var(--color-yellow);
margin-bottom: 1.6rem;
}
.twocol .txtbx.impact {
background-color: var(--color-navy);
color: var(--color-body);
}
.twocol .txtbx.impact h4 {
color: var(--color-body);
border-left: 3px solid var(--color-body);
}
.twocol .txtbx.impact h2 {
color: var(--color-yellow);
}
.twocol .txtbx.support {
background-color: var(--color-yellow);
color: var(--color-text);
}
.twocol .txtbx.support h4 {
color: var(--color-teal);
border-left: 3px solid var(--color-teal);
}
.twocol .txtbx.support h2 {
color: var(--color-navy);
}
.twocol .txtbx.support .wp-block-button a {
margin: 0;
}
.twocol .txtbx.support .wp-block-button a:hover {
color: var(--color-body);
background-color: var(--color-teal);
}
.socialbx {
width: 100%;
grid-template-columns: 15rem auto !important;
column-gap: 1.2rem;
row-gap: 1.2rem;
}
.socialbx figure,
.socialbx figure a {
height: auto;
overflow: hidden;
border-radius: 1.25rem;
}
.socialbx figure img {
object-fit: cover;
height: 100%;
}
.socialbx figure.wp-block-media-text__media {
height: 100%;
}
.socialbx .wp-block-media-text__content {
padding: 1.6rem 2.6rem;
background-color: var(--color-beige);
border-radius: 1.25rem;
height: 100%;
}
.socialbx .wp-block-gallery figure {
max-width: 2.5rem !important;
}
.socialbx .wp-block-gallery figure a:hover {
scale: .86;
}
.socialbx h3 {
color: var(--color-teal);
font-weight: 600;
} #LoveHealing.fltbx {
grid-template-rows: repeat(3, auto);
row-gap: 0;
}
#LoveHealing #Intro {
grid-row: 1/2;
}
#LoveHealing #Funding {
grid-row: 2/3;
}
#LoveHealing #Highlights {
grid-row: 3/4;
}
#LoveHealing .hglhbx>.wp-block-group__inner-container {
grid-template-columns: 1fr 1fr;
column-gap: 1.2rem;
row-gap: 1.2rem;
}
#LoveHealing .hglhbx {
text-align: center;
} #BlackGirlFreedom.fltbx {
grid-template-rows: repeat(6, auto);
}
#BlackGirlFreedom #Intro {
grid-row: 1/2;
}
#BlackGirlFreedom #Funding {
grid-row: 2/3;
}
#BlackGirlFreedom #Grantmaking {
grid-row: 3/4;
}
#BlackGirlFreedom #Highlights {
grid-row: 4/5;
}
#BlackGirlFreedom #BGFW {
grid-row: 5/6;
}
#BlackGirlFreedom #Campaign {
grid-row: 6/7;
}
#BlackGirlFreedom #BGFW .wrap {
position: relative;
}
#BlackGirlFreedom #BGFW .BBbeigebx {
position: relative;
}
#BlackGirlFreedom #BGFW .BBbeigebx figure {
position: absolute;
right: -4%;
width: 10rem;
top: -8%;
transform: scaleX(-1);
}
#BlackGirlFreedom .headshotbox>div {
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 2.2rem;
row-gap: 2.2rem;
}
.headshot {
flex-basis: 30%;
display: grid !important;
text-align: center;
justify-content: center;
justify-items: center;
row-gap: 0;
row-gap: .2rem;
align-content: start;
}
.headshot figure {
margin-bottom: .4rem;
}
.headshot figure img {
width: 150px;
height: 150px;
border-radius: 50%;
}
.headshot .name {
font-size: calc(var(--base-font-size) - .1rem);
color: var(--color-purple);
font-weight: 600;
line-height: 1.2;
}
.headshot .pronoun {
color: var(--color-dark-purple);
font-size: calc(var(--base-font-size) - .44rem);
font-weight: 600;
}
.headshot .title {
font-size: calc(var(--base-font-size) - .4rem);
line-height: 1.4;
} #NewSongsRising.fltbx {
grid-template-rows: repeat(5, auto);
}
#NewSongsRising #Intro {
grid-row: 1/2;
}
#NewSongsRising #Funding {
grid-row: 2/3;
}
#NewSongsRising #Advocacy {
grid-row: 3/4;
}
#NewSongsRising #Highlights {
grid-row: 4/5;
}
#NewSongsRising #Fellowship {
grid-row: 5/6;
}
#NewSongsRising #Advocacy ul {
display: block;
column-count: 2;
column-gap: 4.6rem;
}
#NewSongsRising .highlight {
text-align: center;
width: 70%;
} #HoldingASister.fltbx {
grid-template-rows: repeat(4, auto);
}
#HoldingASister #Intro {
grid-row: 1/2;
}
#HoldingASister #Funding {
grid-row: 2/3;
}
#HoldingASister #Advocacy {
grid-row: 3/4;
}
#HoldingASister #Highlights {
grid-row: 4/5;
}
#HoldingASister #Funding ul {
display: block;
column-count: 2;
column-gap: 4.6rem;
} #FutureEconomy.fltbx {
grid-template-rows: repeat(3, auto);
}
#FutureEconomy #Intro {
grid-row: 1/2;
}
#FutureEconomy #Evolution {
grid-row: 2/3;
}
#FutureEconomy #Highlights {
grid-row: 3/4;
}
.cfreprow {
display: grid !important;
grid-template-columns: 320px 320px;
row-gap: 2.6rem;
margin-bottom: 1.6rem;
}
.cfreprow figure.wp-block-image img {
border-radius: .6rem;
aspect-ratio: 3/4;
} #SpecialProjects figure img {
aspect-ratio: 16/9;
}
#PasstheMic .wrap,
#AdvisoryCouncil .wrap {
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: 2.6rem;
padding-top: 2.6rem;
padding-bottom: 2.6rem;
}
#PasstheMic figure img,
#AdvisoryCouncil figure img {
aspect-ratio: 1/1;
object-fit: cover;
}
#PasstheMic .txtbx,
#AdvisoryCouncil .txtbx {
display: grid;
row-gap: 1.6rem;
justify-content: start;
} #PTMP figure.wp-block-post-featured-image img {
aspect-ratio: 16/9;
object-position: center 10%;
}
#ptmpStats ul.wp-block-list strong {
color: var(--color-dark-purple);
font-size: calc(var(--base-font-size) + 2%);
} #Press,
#OurPerspective,
#PressCoverage {
margin-bottom: 3.6rem;
}
#Press {
padding: 2.6rem 0;
}
#Press .wrap {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 2.6rem;
row-gap: 2.6rem;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
#Press .intro {
flex-basis: 100%;
}
#Press .presslinks {
flex-basis: 25%;
align-content: center;
}
#Press .presslinks figure img {
filter: invert(37%) sepia(13%) saturate(2101%) hue-rotate(225deg) brightness(95%) contrast(87%);
aspect-ratio: 16/9;
object-fit: cover;
}
#Press .presslinks figure.nytimes img {
aspect-ratio: 16/6;
object-fit: contain;
}
#OurPerspective .threepost ul {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1.2rem;
row-gap: 1.2rem;
}
#OurPerspective .gridpostbox figure.wp-block-post-featured-image img {
object-position: top;
}
#OurPerspective .threepost ul li .taxonomy-category a:nth-child(2),
#OurPerspective .threepost ul li .taxonomy-category a:nth-child(3),
#OurPerspective .threepost ul li .taxonomy-category a:nth-child(4),
#OurPerspective .threepost ul li .taxonomy-category a:nth-child(5) {
display: none;
}
#PressCoverage .wp-block-query ul {
margin: 2.6rem 0;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 3.6rem;
row-gap: 1.6rem;
}
#PressCoverage .wp-block-query ul li {
display: grid;
row-gap: 1rem;
padding-bottom: 2.6rem;
margin-bottom: 1.6rem;
border-bottom: 1px solid var(--color-purple);
}
#PressCoverage .wp-block-query ul li h3 {
margin: 0;
} #ResearchReports figure.wp-block-post-featured-image img {
aspect-ratio: 16/9;
}
#Commitments ul li strong {
color: var(--color-teal);
}
#Investing {
padding-top: 3.6rem;
}
#Investing .projorgs {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 3.6rem;
row-gap: 2.6rem;
margin-top: 1.6rem;
margin-bottom: 3.6rem;
}
#Investing .projorgs>.wp-block-group {
display: grid;
grid-template-rows: auto;
column-gap: 1.6rem;
align-items: center;
}
#Investing .projorgs>.wp-block-group figure {
grid-column: 1/2;
grid-row: 1/-1;
}
#Investing .projorgs>.wp-block-group figure img {
border-radius: .6rem;
}
#Investing .projorgs>.wp-block-group>.wp-block-group {
grid-column: 2/3;
}
#Investing .projorgs h3 {
font-size: calc((var(--base-font-size)) + 0.3rem);
color: var(--color-navy);
font-weight: 600;
}
#Investing .projorgs p {
font-size: calc((var(--base-font-size)) - 20%);
font-weight: 400;
}
#Investing .startform {
border-radius: var(--border-radius);
background: var(--color-navy);
padding-top: 2.6rem;
padding-bottom: 2.6rem;
padding-left: min(8vw, 2.6rem);
padding-right: min(8vw, 2.6rem);
margin: 1.6rem 0;
width: fit-content;
}
#Investing .startform .wp-block-column {
display: grid;
grid-template-columns: 320px 450px;
column-gap: 2.6rem;
}
#Investing .startform .wp-block-group {
row-gap: 1.6rem;
align-content: center;
justify-content: center;
}
#Investing .startform h4 {
color: var(--color-body);
border-left: 3px solid var(--color-body);
padding: 0 1rem;
height: 3rem;
display: grid;
align-content: center;
line-height: 1.3;
}
#Investing .startform h2 {
color: var(--color-yellow);
}
#Investing .startform .wp-block-contact-form-7-contact-form-selector {
width: 100%;
}
#Investing .startform .wpcf7-form {
max-width: unset;
}
#Investing .startform p.submit {
margin-top: 1.6rem;
}
#Investing .startform .wpcf7-form input[type="text"],
#Investing .startform .wpcf7-form input[type="email"] {
text-align: left;
color: var(--color-text);
}
#Investing .startform p.submit input[type="submit"] {
color: var(--color-navy);
background-color: var(--color-yellow);
}
#Investing .startform figure {
align-self: center;
margin: 0;
}
#ImpactReports .reportgrp {
margin-bottom: 3.6rem;
}
#ImpactReports .reportgrp .wp-block-group__inner-container {
display: grid;
grid-template-columns: 1fr 3fr;
column-gap: 2.6rem;
}
#ImpactReports figure.wp-block-image img {
border-radius: .6rem;
width: 250px;
}
#ImpactReports .reportgrp h3 {
margin-bottom: 1rem;
}
#ImpactReports .reportgrp .wp-block-buttons {
margin-top: 1rem;
} #Latest {
margin-bottom: 3.6rem;
}
#Latest .gridpostbox {
grid-template-columns: 2fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(4, auto);
@media screen and (max-width: 1024px) {
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 660px) {
grid-template-columns: 1fr;
}
}
#Latest .gridpostbox li:first-child {
grid-column: 1/3;
grid-row: 1/3;
max-height: 48.6rem;
grid-template-rows: 2fr 3.2rem 1fr;
@media screen and (max-width: 1024px) {
grid-column: 1/3;
grid-row: 1/2;
}
@media screen and (max-width: 660px) {
grid-column: 1/2;
grid-template-rows: 1.4fr 3.2rem 1fr;
max-height: 23.6rem;
}
}
#Latest .gridpostbox li:first-child .wp-block-post-title a {
font-size: calc((var(--base-font-size)) + 1.25vw);
max-height: none;
@media screen and (max-width: 660px) {
font-size: calc((var(--base-font-size)) - .1vw);
}
}
#Newsletter {
margin-bottom: 3.6rem;
}
#Newsletter .gridpostbox {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
#Newsletter .gridpostbox li {
background-color: var(--color-light-purple);
max-height: 18.75rem;
}
#Newsletter .gridpostbox li:first-child {
grid-column: 1/5;
grid-row: 1/2;
max-height: 48.6rem;
max-height: 25rem;
grid-template-rows: 6.4rem auto;
grid-template-columns: 3fr 1fr;
}
#Newsletter .gridpostbox .wp-block-read-more {
display: none;
margin-left: 1rem;
}
#Newsletter .gridpostbox li:first-child .taxonomy-category,
#Newsletter .gridpostbox li:first-child .wp-block-post-title {
grid-column: 2/3;
}
#Newsletter .gridpostbox li:first-child .taxonomy-category {
align-items: end;
}
#Newsletter .gridpostbox li:first-child .wp-block-post-title {
padding: 1.1rem 1.6rem 0.6rem;
}
#Newsletter .gridpostbox li:first-child figure.wp-block-post-featured-image {
grid-row: 1/3;
}
#Newsletter .gridpostbox li:first-child figure.wp-block-post-featured-image img {
border-radius: 1.2rem 0 0 1.2rem;
}
#Newsletter .gridpostbox .taxonomy-category a {
color: var(--color-body);
background: var(--color-dark-purple);
}
#Newsletter .gridpostbox .taxonomy-category a:hover {
color: var(--color-navy);
background: var(--color-light-teal);
}
#Newsletter .gridpostbox .wp-block-post-title a {
color: var(--color-navy);
line-clamp: 2;
-webkit-line-clamp: 2;
} #Convenings h2,
#Past h2 {
margin-bottom: 0.6rem;
}
#PastLinks.twocol .dblbx figure {
margin: 0;
}
#PastLinks.twocol .dblbx figure a {
height: 100%;
}
#PastLinks.twocol .dblbx figure img {
aspect-ratio: 16/9;
}
#PastLinks.twocol .dblbx .wp-block-group {
padding: 1.6rem;
} #Convenings .wp-block-media-text {
margin-bottom: 3.6rem;
padding-bottom: 2.6rem;
border-bottom: 1px solid #ccc;
}
#Convenings .wp-block-media-text:last-child {
border-bottom: none;
}
#Convenings .wp-block-media-text img {
border-radius: 0.6rem;
aspect-ratio: 16/9;
object-fit: cover;
}
#Convenings .wp-block-media-text>.wp-block-media-text__content {
padding-left: 0;
}
#Convenings .wp-block-media-text h3 {
margin-top: 0;
}
#Convenings .wp-block-media-text p {
margin-bottom: 1rem;
}
#Convenings .wp-block-media-text .wp-block-buttons {
margin-top: 0.6rem;
}
@media screen and (max-width: 1024px) {
#Convenings .wp-block-media-text {
display: grid;
grid-template-columns: 1fr !important;
}
#Convenings .wp-block-media-text figure {
grid-column: 1/2;
grid-row: 1/2;
}
#Convenings .wp-block-media-text .wp-block-media-text__content {
grid-column: 1/2;
grid-row: 2/3;
padding: 1.6rem 0;
}
}
.congal img {
aspect-ratio: 4/3;
border-radius: 0.6rem !important;
object-fit: cover;
}
.more {
background: linear-gradient(180deg, var(--color-body) 5rem, var(--color-beige) 5rem);
margin-top: var(--space-gap-half);
margin-bottom: 0 !important;
}
.more>div {
display: grid;
padding: 0;
}
.more h2 {
width: fit-content;
margin: 0;
padding: 1.6rem;
background-color: var(--color-dark-teal);
color: var(--color-body);
justify-self: center;
position: relative;
}
.more .otherlinks4 {
display: flex;
width: 100%;
max-width: var(--wrap-width);
margin: 02.6rem auto;
}
.more .otherlinks4>div {
display: flex;
column-gap: 1.2rem;
row-gap: 1.2rem;
justify-content: center;
width: 100%;
max-width: var(--wrap-width);
}
.more .otherlinks4 .wp-block-media-text {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
background: var(--color-yellow);
border-radius: 1.25rem;
}
.more .otherlinks4 figure,
.more .otherlinks4 figure>a {
width: 100%;
max-width: 36.25rem;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 10.6rem 7rem;
transition: .2s ease;
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.more .otherlinks4 figure:hover {
scale: .96;
}
.more .otherlinks4 figure img {
object-fit: cover;
width: 100% !important;
height: 100%;
border-radius: .6rem .6rem 0 0;
}
.more .otherlinks4 figure:hover img {
opacity: .7;
}
.more .otherlinks4 figure.bgff img {
object-position: top;
}
.more .otherlinks4 figcaption {
text-align: center;
background: var(--color-yellow);
margin: 0;
border-radius: 0 0 .6rem .6rem;
display: grid;
align-content: stretch;
}
.more .otherlinks4 figure:hover figcaption {
background: var(--color-light-teal);
}
.more .otherlinks4 figcaption a {
font-size: calc((var(--base-font-size)) + .375rem);
font-size: calc((var(--base-font-size)) + .46vw);
font-size: clamp(.6vw, calc((var(--base-font-size)) + .16vw), calc((var(--base-font-size)) + .36vw));
font-size: clamp(1.6rem, 1.6vw, 2rem);
font-weight: 700;
color: var(--color-navy);
width: 100%;
height: 100%;
padding: 1rem;
display: grid;
align-content: center;
} .grantmap {
margin: 4.6rem 0;
margin: 2.6rem 0 1.6rem 0;
}
.grantmap>div {
display: grid;
grid-template-columns: repeat(13, minmax(0, 1fr));
grid-template-rows: repeat(13, minmax(0, 1fr));
align-items: center;
}
.regionsbx {
grid-column: 4/11;
grid-row: 1/14;
z-index: 100;
}
.gmap {
grid-column: 1/14;
grid-row: 1/14;
margin-top: 0;
}
.grantmap .region {
display: none;
background: var(--color-navy);
color: var(--color-body);
border-radius: 1.25rem;
padding: 2.6rem 8.6rem 2.6rem 2.6rem;
padding: 2.6rem;
padding: 2.6rem 2.6rem 1.6rem;
position: relative;
}
.grantmap .region.showinfo {
display: grid;
}
.grantmap .region .invisibox {
display: block;
content: '';
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: -1;
}
.grantmap .region h2 {
color: var(--color-light-teal);
margin-top: 0;
margin-bottom: 1.2rem;
font-size: 2.4rem;
}
.grantmap .region blockquote {
margin: 0;
margin-left: .6rem;
}
.grantmap .region blockquote p {
font-size: calc(var(--base-font-size) - .3rem);
font-weight: 400;
}
.grantmap .region blockquote p.cite {
font-weight: 600;
}
.grantmap .region ul {
font-size: 1.2rem;
}
.grantmap .region ul li::marker {
color: var(--color-yellow);
}
.grantmap svg,
body.home .twocol .imgbx svg {
.st0,
.st1,
.st2,
.st3,
.st4 {
stroke: var(--color-dark-purple);
}
.st0 {
fill: var(--color-yellow);
}
.st1 {
fill: var(--color-light-teal);
}
.st2 {
fill: var(--color-light-purple);
}
.st3 {
fill: var(--color-purple);
}
.st4 {
fill: var(--color-dark-teal);
}
.cls-1,
.cls-2,
.cls-3,
.cls-4,
.cls-5 {
stroke: var(--color-dark-purple);
}
.cls-1 {
fill: var(--color-light-purple);
}
.cls-2 {
fill: var(--color-dark-teal);
}
.cls-3 {
fill: var(--color-purple);
}
.cls-4 {
fill: var(--color-yellow);
}
.cls-5 {
fill: var(--color-light-teal);
}
g#Midwest:hover,
g#Northeast:hover,
g#South:hover,
g#Territory:hover,
g#West:hover {
cursor: pointer;
}
g#Midwest:hover path,
g#Northeast:hover path,
g#South:hover path,
g#Territory:hover path,
g#West:hover path {
fill: var(--color-orange);
stroke: var(--color-beige);
}
}
.floatbox {
grid-column: 1/14;
grid-row: 1/2;
background-color: var(--color-navy);
border-radius: 0.6rem;
padding: 1rem;
color: var(--color-body);
max-width: 180px;
text-align: center;
font-size: 1.4rem;
font-weight: 600;
justify-self: center;
visibility: hidden;
transform: translateY(-8px);
transition: .2s ease-in;
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
cursor: pointer;
}
.floatbox::after {
content: " ";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -15px;
border-top: 15px solid var(--color-navy);
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: none;
}
.floatbox.fltpop,
.floatbox:hover {
visibility: visible;
transform: translateY(0px);
}
.floatbox i {
font-size: 1rem;
transition: .2s ease-in;
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.floatbox.fltpop i,
.floatbox:hover i {
transform: translateX(4px);
}
.fltMidwest {
grid-column: 7/10;
grid-row: 4/7;
}
.fltNorthEast {
grid-column: 11/14;
grid-row: 3/6;
}
.fltSouth {
grid-column: 6/12;
grid-row: 9/10;
}
.fltTerritories {
grid-column: 8/11;
grid-row: 11/14;
margin-left: 2rem;
}
.fltWest {
grid-column: 1/6;
grid-row: 4/7;
}
.floatbox::after,
.floatbox::before {
left: 50%;
top: 98%;
}
p.instr {
display: none;
text-align: center;
}
#RegionQuotes .carousel {
border-radius: 1.2rem;
justify-items: center;
align-items: center;
overflow: hidden;
}
#RegionQuotes .quoteswiper {
display: grid !important;
row-gap: 0;
margin: 1.6rem 2.6rem;
margin: 0 auto;
overflow: hidden;
padding: 0;
position: relative;
}
.quoteswiper .swiper-wrapper {
padding: 0;
width: auto;
height: auto;
grid-column: unset;
grid-row: unset;
}
.quoteswiper blockquote.wp-block-quote {
padding: 1.6rem;
border-radius: 1.25rem;
border-style: solid;
border-width: 2px 0 2px 0;
border-width: 0;
border-color: var(--color-dark-purple);
background-color: var(--color-light-purple);
margin: 0;
text-align: center;
display: grid;
align-content: center;
}
.quoteswiper .swiper-slide p {
color: var(--color-navy);
margin-bottom: 1rem;
}
.quoteswiper .swiper-slide p.cite {
margin: 0;
font-weight: 600;
}
.quoteswiper .swiper-slide p.locale {
margin-bottom: 1rem;
color: var(--color-purple);
text-transform: uppercase;
font-size: calc(var(--base-font-size) - 4px);
font-weight: 500;
}
.swiper-buttons-quotes {
max-width: var(--wrap-width);
margin: 0 auto;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
position: absolute;
align-content: center;
}
.swiper-buttons-quotes .swiper-button i {
color: var(--color-dark-teal);
font-size: 2rem;
}
.quote-pagination {
position: relative;
top: calc(100% + 1.6rem);
top: 0;
justify-self: center;
}
.swiper-pagination-quotes {
display: flex;
justify-content: center;
padding-top: 1.6rem;
}
.swiper-pagination-quotes .swiper-pagination-bullet {
background: var(--color-orange) !important;
}
.swiper-pagination-quotes .swiper-pagination-bullet-active {
background: var(--color-orange) !important;
} .values {
display: grid !important;
margin: 3.6rem 0;
}
.valuesbx>div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 3.6rem;
row-gap: 2rem;
}
.valuesbx .csdetail {
border: none !important;
row-gap: 0;
border-radius: 0.6rem;
}
.valuesbx .csdetail h4 {
text-transform: capitalize;
font-weight: 500;
font-size: calc(var(--base-font-size) + 0.3rem);
line-height: 2rem;
letter-spacing: normal;
border-radius: .6rem;
background: var(--color-navy);
color: var(--color-body);
padding: 1rem 1.2rem;
margin: 0;
}
.valuesbx .csdetail.active h4 {
border-radius: .6rem .6rem 0 0;
}
.valuesbx .csdetail h4::after {
color: var(--color-purple);
color: var(--color-yellow);
}
.valuesbx .cssummary,
.csdetail:not(.active) .valuesbx .cssummary {
font-weight: 400;
border-radius: 0 0 .6rem .6rem;
background: none;
}
.valuesbx .csdetail.active .cssummary {
background: var(--color-navy);
color: var(--color-body);
}
.valuesbx .csdetail.active .cssummary {
padding: 0.6rem 1.2rem 1.2rem;
}
#HomeFunds {
display: grid;
padding: 3.6rem 0;
}
#HomeFunds .header h4::after {
content: '';
width: 4.6rem;
height: 2.5px;
border-radius: 0;
display: block;
position: absolute;
background: var(--color-purple);
transition: 0.4s;
left: 50%;
transform: translate(-50%, .6rem);
}
#HomeFunds .header h4 {
margin-bottom: 2.6rem;
}
#HomeFunds .header h2 {
width: 50%;
margin: 0 auto;
}
#HomeNews {
display: grid;
margin: 3.6rem 0;
}
#HomeNews .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1.2rem;
row-gap: 1.2rem;
@media screen and (max-width: 880px) {
grid-template-columns: 1fr;
}
}
#HomeNews .header {
grid-column: 1/2;
grid-row: 1/2;
padding-bottom: 1.6rem;
}
#HomeNews .header h4::after {
content: '';
width: 4.6rem;
height: 2.5px;
border-radius: 0;
display: block;
position: relative;
background: var(--color-purple);
transition: 0.4s;
left: 0;
top: 10px;
}
#HomeNews .header h4 {
margin-bottom: 2.6rem;
}
#HomeNews .mainpost {
grid-column: 2/4;
grid-row: 1/2;
}
#HomeNews .threepost {
grid-column: 1/4;
grid-row: 2/3;
}
#HomeNews .threepost .gridpostbox {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1.2rem;
row-gap: 1.2rem;
}
#HomeNews .mainpost .gridpostbox li {
grid-template-rows: 1.2fr 3.2rem .6fr;
}
#HomeNews .gridpostbox li {
background-color: var(--color-teal);
}
#Contact .wpcf7-form {
max-width: 60rem;
max-width: 100%;
margin: 0;
}
#Contact .wpcf7-form input[type="text"],
#Contact .wpcf7-form input[type="email"],
#Contact .wpcf7-form input[type="tel"],
#Contact .wpcf7-form input[type="url"],
#Contact .wpcf7-form textarea {
text-align: left;
border: 1px solid var(--color-navy);
color: var(--color-navy);
}
#Contact .wpcf7-form textarea {
border-radius: 1.6rem;
}
#Contact .wpcf7-form label.checkline label {
display: inline-flex;
align-items: start;
column-gap: 1rem;
}
#Contact .wpcf7-form input[type="checkbox"] {
width: 1.6rem;
height: 1.6rem;
min-width: 25px;
}
#Contact .wpcf7-form input[type="checkbox"]:checked {
accent-color: var(--color-purple);
} .newdon {
background-color: var(--color-navy);
}
.newdon .wrap {
padding: var(--space-topmarg) 0;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1.4rem;
}
.newdon .wrap section {
border-radius: 1.25rem;
max-width: 580px;
max-width: 36.25rem;
width: 100%;
min-height: 600px;
min-height: 32.5rem;
height: auto;
padding: 4rem 2.2rem 2.2rem;
display: grid;
justify-content: center;
position: relative;
}
.newdon .wrap section:first-child {
background-color: var(--color-purple);
justify-self: end;
}
.newdon .wrap section:last-child {
background-color: var(--color-teal);
justify-self: start;
}
.newdon .wrap section h3 {
padding: .6rem 1.4rem;
background-color: var(--color-light-teal);
color: var(--color-navy);
text-align: center;
width: 278px;
max-width: 17.375rem;
position: absolute;
top: -2%;
left: 50%;
transform: translate(-50%, -50%);
}
.newdon .wrap section p {
color: var(--color-body);
display: grid;
}
.newdon .wrap section .wpcf7-form {
margin-top: 1.6rem;
}
.newdon .wrap section .wpcf7-form p {
margin-bottom: .8rem;
}
.newdon .wrap section .wpcf7-form p.submit {
justify-content: center;
}
.newdon .wrap section .wpcf7-form p.submit input[type="submit"],
.newdon .wrap section a.submit {
display: block;
display: grid;
align-content: center;
background-color: var(--color-yellow);
border: 0px solid var(--color-yellow);
border-radius: 5rem;
color: var(--color-navy);
width: 173px;
width: 10.813rem;
min-height: 50px;
margin: 1rem auto;
padding: .4rem 1.2rem;
text-align: center;
font-size: var(--base-font-size);
font-weight: 500;
letter-spacing: .5px;
}
.newdon .wrap section .wpcf7-form p.submit input[type="submit"]:hover,
.newdon .wrap section a.submit:hover {
background-color: var(--color-navy);
border: 0px solid var(--color-navy);
color: var(--color-body);
transform: scale(.96);
}
.newdon .wrap section img {
max-width: 500px;
max-width: 31.25;
width: 100%;
border-radius: 0.625rem;
aspect-ratio: 16/6;
object-fit: cover;
object-position: top;
margin-bottom: 1.2rem;
}
.jobpost {
display: grid;
margin: 0 0 var(--space-gap-half);
padding: var(--space-gap);
background: var(--color-beige);
border-radius: var(--border-radius);
}
.jobpost h5 {
margin-bottom: .6rem;
} body.single footer.entry-footer p.entry-meta {
margin-top: 3.6rem;
display: grid;
row-gap: 1rem;
}
.entry-categories {
display: inline-flex;
flex-wrap: wrap;
row-gap: .6rem;
}
.entry-categories a {
padding: 0.6rem;
color: var(--color-navy);
background: var(--color-light-teal);
margin-right: .6rem;
font-size: calc(var(--base-font-size) - 30%);
}
.entry-categories a:hover {
color: var(--color-purple);
background: var(--color-light-purple);
}
.entry-tags a {
font-size: calc(var(--base-font-size) - 30%);
}
.prev-next-post-links,
.related-posts,
.comment-respond,
.entry-comments {
margin-top: var(--space-topmarg);
}
.prev-next-post-links {
display: flex;
justify-content: space-between;
border: solid #ccc;
border-width: 1px 0 1px 0;
padding: 4.6rem 0;
position: relative;
}
.single-post-nav {
width: clamp(150px, 40%, 400px);
position: relative;
}
.single-post-nav a {
display: grid;
column-gap: .6rem;
row-gap: .6rem;
}
.single-post-nav a>* {
margin-bottom: 0;
line-height: 1;
}
.single-post-nav i {
font-size: 3.25rem;
align-self: center;
transition: all 0.2s ease-in-out;
}
.single-post-nav p {
font-size: calc(var(--base-font-size) - 30%);
}
.previous-post-link a {
grid-template-columns: 4rem auto;
}
.previous-post-link i {
grid-column: 1/2;
grid-row: 1/3;
}
.previous-post-link a:hover i {
transform: translateX(-.6rem);
}
.next-post-link {
justify-self: end;
text-align: right;
}
.next-post-link a {
grid-template-columns: auto 4rem;
}
.next-post-link i {
grid-column: 2/3;
grid-row: 1/3;
}
.next-post-link a:hover i {
transform: translateX(.6rem);
}
.related_post h2 {
margin-top: 0;
}
.related-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1.2rem;
row-gap: 1.2rem;
margin-bottom: 4.6rem;
}
.related-list article {
max-height: 30rem;
}
.related-list a {
display: grid;
height: 100%;
grid-template-rows: 1fr 1fr;
max-height: unset;
}
.related_post_image img {
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
border-radius: var(--border-radius) var(--border-radius) 0 0;
aspect-ratio: 16/9;
object-position: top center;
}
.related-list .entry-content-title {
background: var(--color-navy);
border-radius: 0 0 1.25rem 1.25rem;
padding: 1.6rem;
}
.related-list h4.entry-cat {
margin-right: 1.6rem;
font-weight: 500;
text-transform: none;
letter-spacing: normal;
padding: 0.34rem 0.6rem;
}
.twocol.news.connect {
margin-top: 0;
margin-bottom: 4.6rem;
}
.quicklinks {
margin: 2.6rem 0;
}
.nlrow {
justify-content: space-between;
column-gap: 3.6rem;
margin: 2rem 0;
padding-bottom: 2.6rem;
border-bottom: 1px solid #ccc;
}
.nlrow .wp-block-group {
flex-basis: 60%;
row-gap: var(--base-font-size);
}
.nlrow figure {
flex-basis: 40%;
}
article.category-newsletter .banner {
text-align: center;
} .swiper {
display: grid !important;
grid-template-columns: 1.3fr 1fr;
grid-template-rows: repeat(9, 1fr);
row-gap: 0;
}
#PressLogos {
margin: 0 0 7.6rem 0;
}
#PressLogos .carousel {
grid-template-rows: 1fr;
justify-items: center;
align-items: center;
overflow: hidden;
margin-top: 2.6rem;
}
.logoswiper {
display: grid !important;
background: var(--color-dark-teal);
border-radius: 1.25rem;
padding: .6rem 2.6rem;
grid-row: 1/2;
width: 100%;
margin: 0 auto;
overflow: hidden;
max-height: 10rem;
row-gap: 0;
}
.swiper-wrapper {
grid-column: 1/3;
grid-row: 1/10;
}
.logoswiper .swiper-wrapper {
grid-column: unset;
grid-row: unset;
}
.swiper-slide {
max-width: var(--wrap-width);
}
.swiper-slide>div {
display: grid !important;
grid-template-columns: 1.3fr 1fr;
grid-template-rows: repeat(7, auto);
column-gap: 1.6rem;
}
.swiper-slide .wp-block-group {
grid-column: 1/2;
grid-row: 2/6;
margin-bottom: 2.6rem;
}
.swiper-slide figure {
grid-column: 2/3;
grid-row: 1/8;
text-align: center;
margin: 0;
}
.logoswiper figure {
grid-column: unset;
grid-row: unset;
display: grid;
align-content: center;
margin-bottom: 0;
max-height: 145px;
}
.swiper-slide figure img {
aspect-ratio: 6/7;
object-fit: cover;
width: 100%;
height: 100%;
max-width: 37.5rem;
}
@media screen and (max-width: 1170px) {
.swiper-slide figure img {
aspect-ratio: 6/8;
}
}
.logoswiper figure img {
aspect-ratio: unset;
filter: invert(100%);
object-fit: contain;
}
.swiper-slide h1,
.swiper-slide h2 {
color: var(--color-light-purple);
margin-bottom: 1.6rem;
font-size: clamp(2.4rem, 4rem, 58px);
}
@media screen and (max-width: 1080px) {
.swiper-slide h1,
.swiper-slide h2 {
font-size: clamp(2.4rem, 4rem, 52px);
}
}
@media screen and (max-width: 64rem) {
.swiper-slide h1,
.swiper-slide h2 {
font-size: clamp(2.4rem, 4rem, 42px);
}
}
.swiper-slide p {
color: var(--color-body);
}
.swpagi {
grid-column: 1/2;
grid-row: 1/9;
position: relative;
min-width: 4rem;
height: 3rem;
display: inline;
justify-self: end;
align-self: end;
top: .6rem;
margin-bottom: 1.6rem !important;
}
@media screen and (max-width: 64rem) {
.swpagi {
margin-bottom: 0.6rem !important;
}
}
.logo-pagination {
position: absolute;
top: calc(100% + 1.6rem);
justify-self: center;
}
.logo-pagination .swiper-pagination-logos {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: .6rem;
}
.swiper-pagination-bullet {
width: .8rem !important;
height: .8rem !important;
background: var(--color-light-purple) !important;
}
.swiper-pagination-bullet-active {
background: var(--color-body) !important;
}
.swiper-pagination-logos .swiper-pagination-bullet {
width: .8rem !important;
height: .8rem !important;
background: var(--color-purple) !important;
}
.swiper-pagination-logos .swiper-pagination-bullet-active {
background: var(--color-purple) !important;
}
.swiper-buttons-logos {
max-width: var(--wrap-width);
margin: 0 auto;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: auto auto;
justify-content: space-between;
position: absolute;
align-content: center;
}
.swiper-buttons-logos>div {
position: relative;
display: grid;
width: 100%;
height: auto;
color: var(--color-orange);
top: 0;
@media screen and (max-width: 1300px) {
display: none;
}
}
.swiper-buttons-logos .swiper-button-prev {
justify-content: start;
left: -2.6rem;
}
.swiper-buttons-logos .swiper-button-next {
justify-content: end;
right: -2.6rem;
}
.swiper-buttons-logos .swiper-button-prev i {
font-size: 3.6rem;
display: grid;
justify-content: start;
}
.swiper-buttons-logos .swiper-button-next i {
font-size: 3.6rem;
display: grid;
justify-content: end;
}
.swiper-button-next::after {
content: none !important;
}
.swiper-button-prev::after {
content: none !important;
} h1.archive-title {
margin-top: 2.6rem !important;
}
body.archive span.bsep,
body.search span.bsep {
display: none;
}
body.blog article,
body.archive article,
body.search article {
grid-column: content;
padding-bottom: var(--space-gap-half);
margin: 0 auto;
margin-bottom: var(--space-gap);
border-bottom: 1px solid var(--color-navy);
position: relative;
display: grid;
grid-template-columns: 1.3fr 3fr;
grid-template-rows: auto auto;
width: 100%;
max-width: calc(var(--wrap-width) - var(--space-gap));
&:last-of-type {
border-bottom: 0px solid var(--color-navy);
}
@media all and (max-width: 782px) {
grid-template-columns: auto;
margin-top: var(--space-gap);
}
}
body.archive header.entry-header,
body.search header.entry-header {
grid-column: 2/3;
grid-row: 1/2;
margin-bottom: .6rem !important;
margin-top: 0 !important;
}
body.archive header.entry-header h2,
body.search header.entry-header h2 {
margin-bottom: 1.2rem;
}
body.archive header.entry-header a,
body.search header.entry-header a {
font-size: calc((var(--base-font-size)) + .96rem);
}
body.archive .entry-content,
body.search .entry-content {
grid-column: 1/2;
grid-row: 1/3;
position: relative;
aspect-ratio: 4/3;
max-width: 20rem;
width: 100%;
height: auto;
}
body.archive .entry-content::before,
body.search .entry-content::before {
grid-column: content;
content: " ";
background-color: transparent;
background-color: var(--color-light-purple);
aspect-ratio: 4/3;
max-width: 20rem;
width: 100%;
height: auto;
border-radius: var(--border-radius);
display: grid;
position: absolute;
background-repeat: no-repeat;
background-image: url(//g4gc.org/wp-content/uploads/2025/10/G4GC_footer_logo-768x519.png);
background-position: center;
background-size: 75%;
}
body.archive .entry-content img,
body.search .entry-content img {
max-width: 20rem;
object-fit: cover;
width: 100%;
height: auto;
aspect-ratio: 4/3;
border-radius: var(--border-radius);
box-shadow: 1rem 1rem 0 var(--color-yellow);
position: relative;
}
body.archive .entry-content p,
body.archive .entry-content a.ReadMore,
body.search .entry-content p,
body.search .entry-content a.ReadMore {
display: none;
}
body.archive footer.entry-footer,
body.search footer.entry-footer {
grid-column: 2/3;
grid-row: 2/3;
}
body.archive footer.entry-footer .entry-tags,
body.search footer.entry-footer .entry-tags {
display: none;
}
body.archive .archive-pagination.pagination ul,
body.search .archive-pagination.pagination ul {
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
list-style: none;
flex-wrap: nowrap;
padding: 0;
margin-bottom: 3.6rem;
}
body.archive .archive-pagination.pagination ul li,
body.search .archive-pagination.pagination ul li {
margin: 0 0.6rem;
}
body.archive .archive-pagination.pagination ul li.active a,
body.search .archive-pagination.pagination ul li.active a {
color: var(--color-purple);
}
body.archive .archive-pagination.pagination li.pagination-previous,
body.archive .archive-pagination.pagination li.pagination-next,
body.search .archive-pagination.pagination li.pagination-previous,
body.search .archive-pagination.pagination li.pagination-next {
font-size: calc((var(--base-font-size)) + .4rem);
}
body.error404 article {
min-height: 20vh;
text-align: center;
}
@media screen and (min-width: 1024px) {
body.error404 article {
height: calc(100vh - (var(--nav-height) + var(--footer-height) + var(--footer-widgets)));
}
}
body.error404 .breadcrumb {
text-align: center;
justify-content: center;
}
body.error404 .newdon {
display: none;
} .footer-widgets {
height: auto;
background-color: var(--color-light-purple);
display: grid;
}
.footer-widgets .wrap {
align-self: stretch;
justify-content: stretch;
}
.footer-widget-area {
display: flex;
width: 100%;
justify-content: space-between;
}
.footer-widgets-1 {
padding-top: 4.4rem;
padding-bottom: 1.8rem;
column-gap: 2.4rem;
}
.footer-widgets-1 section {
min-width: 150px;
}
.footer-widgets-1 section:first-child {
max-width: 15.4rem;
}
.footer-widgets-1 section:first-child img {
max-width: 13rem !important;
}
.footer-widgets-1 h3.widget-title {
font-size: calc(var(--base-font-size) - 0.3rem);
font-weight: 700;
color: var(--color-purple);
margin-bottom: 0.6em;
}
.footer-widgets-1 ul.menu {
padding: 0;
margin: 0;
}
.footer-widgets-1 ul.menu li {
list-style-type: none;
padding: .2rem 0;
}
.footer-widgets-1 ul.menu li a {
font-size: calc(var(--base-font-size) - 0.6rem);
font-size: clamp(.9rem, 1.18vw, 1rem);
font-weight: 500;
color: var(--color-navy);
}
.footer-widgets-1 ul.menu li a:hover {
color: var(--color-teal);
}
.footer-widgets-2 {
border-top: 0.5px solid var(--color-purple);
height: 100px;
flex-wrap: wrap;
align-items: center;
@media screen and (max-width: 440px) {
height: auto;
}
}
.footer-widgets-2 section {
padding: 1.8rem 0;
}
.ftcon a {
font-size: var(--base-font-size);
font-size: calc(var(--base-font-size) - 0.16rem);
font-weight: 700;
}
.ftsoc p {
margin: 0;
display: flex;
column-gap: .4rem;
}
.ftsoc a {
width: 2.188rem;
height: 2.188rem;
background-color: transparent;
background-color: var(--color-teal);
border-radius: 50%;
display: inline-grid;
text-align: center;
align-content: center;
justify-content: center;
&:hover {
background-color: var(--color-purple);
}
}
.ftsoc a img {
filter: invert(100%);
width: 1.3rem;
height: auto;
}
.ftsoc a.linkedin img {
width: 1.2rem;
}
.ftsoc i,
.ftsoc i::before {
width: 2.188rem;
height: 2.188rem;
display: block;
}
.ftsoc i.g4gc_instagram::before {
content: url(//g4gc.org/wp-content/themes/G4GC/images/socials/g4gc_instagram.svg);
}
.ftsoc i.g4gc_youtube::before {
content: url(//g4gc.org/wp-content/themes/G4GC/images/socials/g4gc_youtube.svg);
}
.ftsoc i.g4gc_linkedin::before {
content: url(//g4gc.org/wp-content/themes/G4GC/images/socials/g4gc_linkedin.svg);
}
.ftsoc i.g4gc_facebook::before {
content: url(//g4gc.org/wp-content/themes/G4GC/images/socials/g4gc_facebook.svg);
}
footer.site-footer {
height: var(--footer-height);
background-color: var(--color-purple);
}
footer.site-footer .wrap {
height: 100%;
padding-bottom: 0;
align-content: center;
}
footer.site-footer p {
font-size: calc(var(--base-font-size) - 0.6rem);
margin: 0;
padding: 1.6rem 0;
color: var(--color-light-purple);
text-align: center;
line-height: 1.4;
font-weight: 400;
}
footer.site-footer a {
color: var(--color-yellow);
}
#BackToTop {
cursor: pointer;
display: none;
width: 3rem;
height: 3rem;
justify-content: center;
align-items: center;
text-decoration: none;
position: fixed;
right: 0.625rem;
text-align: center;
border: none;
border-radius: 50%;
color: var(--color-navy);
background-color: var(--color-light-teal);
transition: 0.4s;
transition: bottom 0.45s cubic-bezier(.43, .195, .06, 1.4);
z-index: 300;
}
#BackToTop i {
font-size: 1.6rem;
}
#BackToTop:hover {
color: var(--color-dark-purple);
background-color: var(--color-yellow);
}
#BackToTop:active {
animation-name: btn-pop;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
body.past-convening #BackToTop,
body.topbtn #BackToTop {
display: grid;
}  @media screen and (min-width: 118.75rem) {
.gridpostbox .taxonomy-category a,
.related-list h4.entry-cat { padding-top: 0.34rem;
}
} @media screen and (max-width: 73.563rem) {
.navbtn {
margin: 0;
width: 100%;
}
.navbtn a {
text-align: center;
justify-content: center;
}
}
@media screen and (max-width: 64rem ) {
#HomeSlider {
background: var(--color-dark-purple);
}
.swiper {
grid-template-rows: repeat(2, auto);
}
.swiper-wrapper {
grid-column: 1/3;
grid-row: 1/2;
}
.swpagi {
grid-column: 1/3;
grid-row: 2/3;
}
.swiper-slide>div {
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
row-gap: 1.6rem;
}
.swiper-slide .wp-block-group {
grid-column: 1/2;
grid-row: 2/3;
}
.swiper-slide figure {
grid-column: 1/2;
grid-row: 1/2;
text-align: center;
}
.swiper-slide figure img {
aspect-ratio: 1/1;
max-width: unset;
object-position: top;
}
.fundi {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
max-height: 34.125rem;
}
.fundi figure,
.fundi figure a {
grid-column: 1/2;
grid-row: 1/2;
border-radius: 1.25rem 1.25rem 0 0;
}
.fundi .wp-block-media-text__content {
padding: 1.6rem;
grid-column: 1/2;
grid-row: 2/3;
}
.fundi h2 {
width: 80%;
}
.fundi h4 {
margin-bottom: 0;
}
body.funding .entry-content .wrap {
grid-template-columns: 1fr;
}
#LoveHealing .hglhbx>.wp-block-group__inner-container {
grid-template-columns: 1fr;
}
#LoveHealing .highlight {
text-align: left;
margin-bottom: 0;
}
#NewSongsRising .highlight {
width: 100%;
}
.lander .intro .imgbx {
order: 1;
}
.lander .intro .txtbx {
order: 2;
}
.twocol .txtbx {
order: 2;
}
.twocol .imgbx {
order: 1;
}
body.home .twocol .imgbx svg {
scale: 100%;
margin-top: 1.6rem;
left: 0;
padding: 0;
}
.twocol .dblbx {
grid-template-rows: .6fr auto;
}
.more .otherlinks4>div {
flex-wrap: wrap;
}
.more .otherlinks4 figure,
.more .otherlinks4 figure a {
flex-basis: 48.6%;
}
.more .otherlinks4 figcaption {
font-size: calc((var(--base-font-size)) + .6vw);
}
.more .otherlinks4 figure,
.more .otherlinks4 figure a {
flex-basis: 100%;
}
.more .otherlinks4 figcaption {
font-size: calc((var(--base-font-size)) + .375rem);
}
.grantmap {
margin: 1.6rem 0;
}
.grantmap>div {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
row-gap: 1.6rem;
}
.regionsbx {
grid-column: 1/2;
grid-row: 2/3;
}
.gmap {
grid-column: 1/2;
grid-row: 1/2;
}
.grantmap .region {
padding: 2.6rem;
}
.floatbox {
display: none;
}
p.instr {
display: block;
}
.valuesbx>div {
grid-template-columns: 1fr 1fr;
}
.related-list {
grid-template-columns: 1fr;
}
.related-list article {
max-height: unset;
}
.twocol.news.connect .imgbx {
order: 1;
}
.twocol.news.connect .txtbx {
order: 2;
}
#PastLinks.twocol .dblbx {
grid-template-rows: auto auto;
row-gap: 0;
}
.related-list a {
display: grid;
height: 100%;
grid-template-rows: auto auto;
}
.accordion-vertical {
row-gap: 1em;
flex-wrap: wrap;
height: 100%;
}
.csfolder {
width: 100% !important;
}
.csfolder.expand {
width: auto;
height: 100%;
flex: 1 1 auto;
}
.csfolder .wp-block-group__inner-container {
height: 8vw;
min-height: 50px;
}
.csfolder.expand .wp-block-group__inner-container {
height: 100%
}
.csfolder figure img {
max-width: 100%;
}
.csfolder p {
position: absolute;
top: unset;
right: 70px;
margin-bottom: 0;
max-width: 0;
height: 100%;
}
.csfolder.expand p {
right: 0;
left: 0;
max-width: 100%;
}
.newdon .wrap {
grid-template-columns: 1fr;
row-gap: 4.4rem;
}
.newdon .wrap section {
height: auto;
}
.newdon .wrap section:first-child,
.newdon .wrap section:last-child {
justify-self: center;
}
.footer-widgets {
height: auto;
}
.footer-widgets-1 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
padding-top: 2.4rem;
}
.footer-widgets-1 section:first-child {
max-width: 18.4rem;
grid-column: 1/-1;
justify-self: center;
margin-bottom: 2.4rem;
}
.footer-widgets-1 section:first-child img {
max-width: 16rem !important;
}
footer.site-footer {
height: auto;
}
}
@media screen and (max-width: 61.875rem ) {
#Investing .startform .wp-block-column,
#ImpactReports .reportgrp .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
#Investing .startform .wp-block-column figure {
margin-bottom: 1.6rem;
}
}
@media screen and (max-width: 55rem ) {
#Investing .projorgs {
grid-template-columns: 1fr;
}
#Investing .startform {
padding: 2rem;
padding-left: min(8vw, 1.6rem);
padding-right: min(8vw, 1.6rem);
}
#Newsletter .gridpostbox {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#Newsletter .gridpostbox li:first-child {
grid-column: 1/3;
grid-row: 1/2;
max-height: 48.6rem;
grid-template-rows: 3.4rem auto;
grid-template-columns: 3fr 1fr;
grid-template-columns: 1fr;
grid-template-rows: 1fr 3.4rem .8fr;
grid-template-rows: 2.6fr 3.4rem .8fr;
max-height: 24.6rem;
}
#Newsletter .gridpostbox li:first-child .taxonomy-category,
#Newsletter .gridpostbox li:first-child .wp-block-post-title {
grid-column: 1/2;
}
#Newsletter .gridpostbox li:first-child figure.wp-block-post-featured-image {
grid-row: 1/2;
}
#Newsletter .gridpostbox li:first-child figure.wp-block-post-featured-image img {
border-radius: 1.2rem 1.2rem 0 0;
}
#Newsletter .gridpostbox li:first-child .wp-block-read-more {
display: none;
}
#Press .wrap {
grid-template-columns: 1fr;
}
#OurPerspective .threepost ul {
grid-template-columns: 1fr;
}
#PressCoverage .wp-block-query ul {
grid-template-columns: 1fr;
}
#HomeNews .mainpost {
grid-column: 1/2;
grid-row: 2/3;
}
#HomeNews .threepost {
grid-column: 1/2;
grid-row: 3/4;
}
#HomeNews .threepost .gridpostbox {
grid-template-columns: 1fr;
}
.jobpost {
padding: 2.6rem 1.6rem;
}
.cfreprow {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 48.813rem ) {
#HomeFunds .header h2 {
width: 100%;
}
.lander .intro .txtbx {
order: 2;
}
.lander .intro .imgbx {
order: 1;
}
.footer-widgets-1 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer-widgets-1 .widget_nav_menu {
text-align: center;
margin-bottom: 1.6rem;
}
body.archive article,
body.search article {
grid-template-columns: 1fr;
}
body.archive header.entry-header,
body.search header.entry-header {
grid-column: 1/2;
grid-row: 2/3;
}
body.archive .entry-content,
body.search .entry-content {
grid-column: 1/2;
grid-row: 1/2;
}
body.archive footer.entry-footer,
body.search footer.entry-footer {
grid-column: 1/2;
grid-row: 3/4;
}
.teamgroup>div {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nlrow {
flex-wrap: wrap !important;
row-gap: 1.6rem;
}
.nlrow .wp-block-group,
.nlrow figure {
flex-basis: 100%;
}
.nlrow figure {
order: 1;
}
.nlrow .wp-block-group {
order: 2;
}
}
@media screen and (max-width: 41.25rem ) {
.valuesbx>div {
grid-template-columns: 1fr;
row-gap: 0;
}
.valuesbx .csdetail {
border-bottom: none !important;
margin-bottom: 1rem;
}
.related-list {
grid-template-columns: 1fr;
}
.fundsbox {
grid-template-columns: 1fr;
}
.fundi figure img {
object-position: 100% 10%;
}
.grantmap .region {
padding: 1.6rem;
}
.socialbx .wp-block-media-text__content {
padding: 1.6rem;
}
.wp-block-search__inside-wrapper {
flex-wrap: wrap;
row-gap: 0.6rem;
justify-content: center;
}
#Newsletter .gridpostbox {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
#Newsletter .gridpostbox li:first-child {
grid-column: 1/2;
}
#PasstheMic .wrap,
#AdvisoryCouncil .wrap {
grid-template-columns: 1fr;
}
#Press .presslinks {
flex-basis: 45%;
}
}
@media screen and (max-width: 34.375rem ) {
body {
--nav-height: 8rem;
}
h1,
.h1 {
font-size: calc(var(--base-font-size) + 2rem);
font-size: calc(var(--base-font-size) + 1.4rem);
}
h2,
.h2 {
font-size: calc(var(--base-font-size) + 1rem);
}
.lander .entry-content { margin-top: var(--space-topmarg)
}
.jumpmenu.pulled {
position: fixed;
left: 30%;
}
#BlackGirlFreedom .headshotbox>div {
justify-content: space-evenly;
}
.headshot {
flex-basis: 45%;
}
#NewSongsRising #Advocacy ul {
column-count: 1;
}
.newdon .wrap section {
padding: 4rem 1.2rem 1.2rem;
}
#Investing .projorgs>.wp-block-group {
row-gap: 1.6rem;
}
#Investing .projorgs>.wp-block-group figure {
grid-column: 1/2;
grid-row: 1/2;
}
#Investing .projorgs>.wp-block-group>.wp-block-group {
grid-column: 1/2;
grid-row: 2/3;
}
.twocol .dblbx .wp-block-group {
padding: 1.6rem;
}
h1.entry-title {
word-break: break-word;
}
body.archive header.entry-header a,
body.search header.entry-header a {
font-size: calc((var(--base-font-size)) + .6rem);
}
.previous-post-link a,
.next-post-link a {
grid-template-columns: auto;
}
.next-post-link i {
grid-column: 1/2;
grid-row: 1/3;
}
}