@charset "UTF-8";
/*! Made with Bones: http://themble.com/bones :) */
/* ==========================================================================
 Site Name:
 Author: Brafton (Archie Makuwwa)

 Stylesheet: Main Stylesheet

 Here's where the magic happens. Here, you'll see we are calling in
 the separate media queries. The base mobile goes outside any query
 and is called at the beginning, after that we call the rest
 of the styles inside media queries.

 Helpful articles on Sass file organization:
 http://thesassway.com/advanced/modular-css-naming-conventions
========================================================================== */
/* ==========================================================================
 IMPORTING PARTIALS
 These files are needed at the beginning so that we establish all
 our mixins, functions, and variables that we'll be using across
 the whole project.
========================================================================== */
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: "";
  content: none;
}

small, .small {
  font-size: 75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ul {
  padding: 0;
  list-style-type: none;
}

ol {
  padding: 0;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf, .comment-respond {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

html {
  font-size: 18px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
body h1 {
  font-size: 1.87rem;
}
body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
body .wwd-list-items h3 {
  margin-bottom: 6px;
}
body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
body .gform_wrapper ul li.gfield,
body .ginput_container.ginput_container_email,
body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
body li#field_1_1 {
  margin-bottom: -8px !important;
}

body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}

body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
}
/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.0909090909%;
  }
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
}
/* ==========================================================================
 IMPORTING MODULES
 Modules are reusable blocks or elements we use throughout the project.
 We can break them up as much as we want or just keep them all in one.
 I mean, you can do whatever you want. The world is your oyster. Unless
 you hate oysters, then the world is your peanut butter & jelly sandwich.
========================================================================== */
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-success, .alert-error, .alert-info, .alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: rgb(231.8902439024, 220.3353658537, 88.6097560976);
  background: #ebe16f;
}

.alert-info {
  border-color: rgb(191.1428571429, 227.6326530612, 244.3571428571);
  background: #d5edf8;
}

.alert-error {
  border-color: rgb(247.8125, 204.6875, 206.484375);
  background: #fbe3e4;
}

.alert-success {
  border-color: rgb(221.7207792208, 233.7012987013, 173.7987012987);
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.btn, #submit, .comment-reply-link,
.btn:visited,
.comment-reply-link:visited,
#searchsubmit,
.wp-block-button__link,
.button {
  background-color: #ffffff;
  border-radius: 6px;
  border: 0;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  height: 2.8125em;
  margin-bottom: 5px;
  padding: 0.5em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
  border: 1px solid #000000;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.btn:hover, #submit:hover, .comment-reply-link:hover,
#searchsubmit:hover, .btn:focus, #submit:focus, .comment-reply-link:focus,
#searchsubmit:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  color: #ffffff !important;
  background-color: #00974c;
  text-decoration: none;
  outline: none;
}
.btn:active, #submit:active, .comment-reply-link:active,
#searchsubmit:active,
.button:active,
.wp-block-button__link:active {
  top: 1px;
}
.primary.btn, .primary#submit, .primary.comment-reply-link,
.primary#searchsubmit,
.button.primary,
.wp-block-button__link.primary {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.primary.btn:hover, .primary#submit:hover, .primary.comment-reply-link:hover,
.primary#searchsubmit:hover, .primary.btn:focus, .primary#submit:focus, .primary.comment-reply-link:focus,
.primary#searchsubmit:focus,
.button.primary:hover,
.button.primary:focus,
.wp-block-button__link.primary:hover,
.wp-block-button__link.primary:focus {
  background-color: #ffffff;
  color: #787878;
  text-decoration: none;
  outline: none;
}
.primary.btn:active, .primary#submit:active, .primary.comment-reply-link:active,
.primary#searchsubmit:active,
.button.primary:active,
.wp-block-button__link.primary:active {
  top: 1px;
}
.primary.cta.btn, .primary.cta#submit, .primary.cta.comment-reply-link,
.primary.cta#searchsubmit,
.button.primary.cta,
.wp-block-button__link.primary.cta {
  border: 1px solid #ffffff;
}
.secondary.btn, .secondary#submit, .secondary.comment-reply-link,
.secondary#searchsubmit,
.button.secondary,
.wp-block-button__link.secondary {
  background-color: transparent;
  border: 1px solid #000000 !important;
  color: #000000;
}
.secondary.btn:hover, .secondary#submit:hover, .secondary.comment-reply-link:hover,
.secondary#searchsubmit:hover, .secondary.btn:focus, .secondary#submit:focus, .secondary.comment-reply-link:focus,
.secondary#searchsubmit:focus,
.button.secondary:hover,
.button.secondary:focus,
.wp-block-button__link.secondary:hover,
.wp-block-button__link.secondary:focus {
  background-color: #00974c;
  border-color: #00974c !important;
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
.secondary.btn:active, .secondary#submit:active, .secondary.comment-reply-link:active,
.secondary#searchsubmit:active,
.button.secondary:active,
.wp-block-button__link.secondary:active {
  top: 1px;
}
.secondary.cta.btn, .secondary.cta#submit, .secondary.cta.comment-reply-link,
.secondary.cta#searchsubmit,
.button.secondary.cta,
.wp-block-button__link.secondary.cta {
  border: 1px solid #ffffff;
}
.btn:visited, #submit:visited, .comment-reply-link:visited,
#searchsubmit:visited,
.button:visited,
.wp-block-button__link:visited {
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .btn, #submit, .comment-reply-link,
  .btn:visited,
  .comment-reply-link:visited,
  #searchsubmit,
  .wp-block-button__link,
  .button {
    display: table;
    margin: 0 auto;
  }
}

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.btn, #submit, .comment-reply-link,
.btn:visited,
.comment-reply-link:visited,
#searchsubmit,
.wp-block-button__link {
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  height: 2.8125em;
}
.btn:hover, #submit:hover, .comment-reply-link:hover, .btn:focus, #submit:focus, .comment-reply-link:focus,
.btn:visited:hover,
.btn:visited:focus,
#searchsubmit:hover,
#searchsubmit:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: #00974c;
  color: #ffffff;
}
.btn:active, #submit:active, .comment-reply-link:active,
.btn:visited:active,
#searchsubmit:active,
.wp-block-button__link:active {
  background-color: #00974c;
  color: #ffffff;
}

.secondary .wp-block-button__link {
  border-radius: 6px;
  border: 0;
  background-color: transparent;
  border: 1px solid #000000;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  height: 2.8125em;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  padding: 0.5em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.secondary .wp-block-button__link:hover, .secondary .wp-block-button__link:focus {
  background-color: #ffffff;
  color: #000000;
  text-decoration: none;
  outline: none;
}

.simple-link .wp-block-button__link {
  background-color: transparent;
  border: 0;
  color: #1d5492;
  height: auto;
  padding: 0;
  text-decoration: none;
}
.simple-link .wp-block-button__link:before {
  color: #1d5492;
  content: "▶";
  padding-right: 5px;
}
.simple-link .wp-block-button__link:hover, .simple-link .wp-block-button__link:focus {
  color: #00974c !important;
}
.simple-link .wp-block-button__link:hover:before, .simple-link .wp-block-button__link:focus:before {
  color: #00974c !important;
}

footer .button,
footer .wp-block-button__link {
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #f1f2f2;
  color: #f1f2f2;
  cursor: pointer;
  display: inline-block;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  height: 2.8125em;
  padding: 0.5em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
footer .button:visited,
footer .wp-block-button__link:visited {
  background-color: transparent;
  border: 1px solid #f1f2f2;
  color: #f1f2f2 !important;
}
footer .button:hover, footer .button:focus,
footer .wp-block-button__link:hover,
footer .wp-block-button__link:focus {
  background-color: #00974c;
  color: #ffffff !important;
  border-color: #000000;
  text-decoration: none;
  outline: none;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #000000;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "Josephine Sans", Arial, sans-serif;
  background-color: #E0E0E0;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: rgb(234.2, 234.2, 234.2);
  outline: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=search].error,
input[type=search].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #ffffff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}
input[type=text].success, input[type=text].is-valid,
input[type=password].success,
input[type=password].is-valid,
input[type=datetime].success,
input[type=datetime].is-valid,
input[type=datetime-local].success,
input[type=datetime-local].is-valid,
input[type=date].success,
input[type=date].is-valid,
input[type=month].success,
input[type=month].is-valid,
input[type=time].success,
input[type=time].is-valid,
input[type=week].success,
input[type=week].is-valid,
input[type=number].success,
input[type=number].is-valid,
input[type=email].success,
input[type=email].is-valid,
input[type=url].success,
input[type=url].is-valid,
input[type=search].success,
input[type=search].is-valid,
input[type=tel].success,
input[type=tel].is-valid,
input[type=color].success,
input[type=color].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #ffffff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:active,
input[type=password].is-disabled:focus,
input[type=password].is-disabled:active,
input[type=datetime][disabled]:focus,
input[type=datetime][disabled]:active,
input[type=datetime].is-disabled:focus,
input[type=datetime].is-disabled:active,
input[type=datetime-local][disabled]:focus,
input[type=datetime-local][disabled]:active,
input[type=datetime-local].is-disabled:focus,
input[type=datetime-local].is-disabled:active,
input[type=date][disabled]:focus,
input[type=date][disabled]:active,
input[type=date].is-disabled:focus,
input[type=date].is-disabled:active,
input[type=month][disabled]:focus,
input[type=month][disabled]:active,
input[type=month].is-disabled:focus,
input[type=month].is-disabled:active,
input[type=time][disabled]:focus,
input[type=time][disabled]:active,
input[type=time].is-disabled:focus,
input[type=time].is-disabled:active,
input[type=week][disabled]:focus,
input[type=week][disabled]:active,
input[type=week].is-disabled:focus,
input[type=week].is-disabled:active,
input[type=number][disabled]:focus,
input[type=number][disabled]:active,
input[type=number].is-disabled:focus,
input[type=number].is-disabled:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:active,
input[type=email].is-disabled:focus,
input[type=email].is-disabled:active,
input[type=url][disabled]:focus,
input[type=url][disabled]:active,
input[type=url].is-disabled:focus,
input[type=url].is-disabled:active,
input[type=search][disabled]:focus,
input[type=search][disabled]:active,
input[type=search].is-disabled:focus,
input[type=search].is-disabled:active,
input[type=tel][disabled]:focus,
input[type=tel][disabled]:active,
input[type=tel].is-disabled:focus,
input[type=tel].is-disabled:active,
input[type=color][disabled]:focus,
input[type=color][disabled]:active,
input[type=color].is-disabled:focus,
input[type=color].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type=password] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

/* ==========================================================================
 BASE (MOBILE) SIZE
 This are the mobile styles. It's what people see on their phones. If
 you set a great foundation, you won't need to add too many styles in
 the other stylesheets. Remember, keep it light: Speed is Important.
========================================================================== */
/* ==========================================================================
Site Name: Ectra 
Author: Brafton (Archie Makuwa)


Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.
========================================================================== */
/* ==========================================================================
 GENERAL STYLES
========================================================================== */
body {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #000000;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
 WORDPRESS BODY CLASSES 
 style a page via class
========================================================================== */
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
.single .single-post-body {
  padding: 3.75em 0;
}
.single .single-post-body .post-thumbnail img {
  height: auto;
  width: 100%;
}
.single .single-post-body header {
  margin: 2.5em 0;
}
.single .single-post-body img {
  height: auto;
  width: 100%;
}

/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
a,
a:visited {
  color: #512B76;
  /* on hover */
}
a:hover, a:focus,
a:visited:hover,
a:visited:focus {
  color: #00974c;
}
a,
a:visited {
  /* on click */
}
a,
a:visited {
  /* mobile tap color */
}
a:link,
a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/* ==========================================================================
 H1, H2, H3, H4, H5 STYLES
========================================================================== */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  text-rendering: optimizelegibility;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a {
  text-decoration: none;
}

h1,
.h1 {
  font-size: 2.625em;
  line-height: 1.5;
}

h2,
.h2 {
  font-size: 2.625em;
  line-height: 1.5;
}

h3,
.h3 {
  font-size: 2.0625em;
  line-height: 1.5;
}

h4,
.h4 {
  font-size: 1.1em;
  line-height: 1.5;
}

h5,
.h5 {
  font-size: 0.846em;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* ==========================================================================
 HEADER STYLES
========================================================================== */
.header {
  background-color: #ffffff;
  padding: 25px 0 20px;
}
.header #inner-header {
  position: relative;
}
.header #logo {
  width: 300px;
}
.header #logo img {
  max-width: 240px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .header nav {
    /*
    clear: both;
    float: left; 
    width: 100%;

    ul.nav {
    	top: 64px;
    }
    */
  }
}
@media screen and (max-width: 767px) {
  .header nav {
    clear: both;
    float: left;
    width: 100%;
  }
  .header nav ul.nav {
    top: 64px !important;
    margin: 0 calc(50% - 50vw) 0;
    width: 100vw !important;
  }
}
@media screen and (max-width: 1029px) {
  .header nav {
    display: none;
  }
  .header nav ul.nav {
    top: 80px;
    float: left;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 10;
  }
  .header nav ul.nav li {
    width: 100%;
  }
  .header nav ul.nav li a {
    color: black !important;
    border-bottom: 1px solid #00974C;
  }
  .header nav ul.nav li a:hover, .header nav ul.nav li a:focus {
    color: #4DBFBD !important;
    text-decoration: none;
  }
  .header nav ul.nav li ul.sub-menu,
  .header nav ul.nav li ul.children {
    display: none;
    margin: 0;
  }
  .header {
    /* 
    &.showing {
    	display: block;
    	-webkit-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    	-moz-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    	-ms-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    		-o-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    		transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
    	max-height:300px;
    }

    &.hiding {
    	display: none;
    	-webkit-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    	-moz-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    	-ms-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    		-o-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    		transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
    	max-height:0px;
    }
    */
  }
}
.header #mobi-menu-trigger {
  float: right;
  display: block;
  width: 35px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 10px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.header #mobi-menu-trigger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000000;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header #mobi-menu-trigger span:nth-child(1) {
  top: 0px;
}
.header #mobi-menu-trigger span:nth-child(2) {
  top: 11px;
}
.header #mobi-menu-trigger span:nth-child(3) {
  top: 21px;
}
.header #mobi-menu-trigger.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.header #mobi-menu-trigger.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.header #mobi-menu-trigger.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* ==========================================================================
 NAVIGATION STYLES
========================================================================== */
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
  border-bottom: 0;
  margin: 0;
}
.nav li a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  padding: 0.75em;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  /*
  remember this is for mobile ONLY, so there's no need
  to even declare hover styles here, you can do it in
  the style.scss file where it's relevant. We want to
  keep this file as small as possible!
  */
}
.nav li {
  /*
  so you really have to rethink your dropdowns for mobile.
  you don't want to have it expand too much because the
  screen is so small. How you manage your menu should
  depend on the project. Here's some great info on it:
  http://www.alistapart.com/articles/organizing-mobile/
  */
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}
.nav {
  /* end .menu li */
  /* highlight current page */
}
.nav {
  /* end current highlighters */
}
.nav#menu-main-menu > li:hover, .nav#menu-main-menu > li:focus {
  color: #00974c;
}
.nav#menu-main-menu li a {
  color: #000000;
  text-decoration: none;
  font-family: "Josephine Sans";
  font-weight: bold;
  font-size: 1rem;
}
.nav#menu-footer-menu {
  /*
  margin: 0; 
  padding: 0;
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  */
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.nav#menu-footer-menu::before, .nav#menu-footer-menu::after {
  content: "";
  display: none;
}
.nav#menu-footer-menu li {
  float: none;
  list-style-type: none;
}
.nav#menu-footer-menu li a {
  font-family: "Josephine Sans";
  font-weight: 600;
  font-size: 21px;
  text-decoration: none;
  padding: 0;
}
.nav#menu-footer-menu li a:hover, .nav#menu-footer-menu li a:focus {
  text-decoration: underline;
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  margin-top: 0;
  overflow: hidden;
}

.hentry {
  background-color: #ffffff;
}
.hentry footer p {
  margin: 0;
}

/* end .hentry */
.single-title,
.page-title,
.entry-title {
  margin: 0;
}

.single-title {
  line-height: 1.5;
}

/* ???? */
#related-posts {
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 3.375em 0;
  text-align: left;
  width: 100vw;
}
#related-posts .related-posts-items {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #9fa6b4;
  font-style: normal;
  margin: 20px 0 0;
}
/* entry content */
.entry-content {
  padding: 0;
}
.entry-content p {
  margin: 0 0 1em;
}
.entry-content ul {
  list-style: disc;
}
.entry-content ol {
  list-style: decimal;
}
.entry-content table {
  width: 100%;
  border: 1px solid #E0E0E0;
  margin-bottom: 1.5em;
}
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.entry-content tr {
  border-bottom: 1px solid #E0E0E0;
}
.entry-content tr:nth-child(even) {
  background-color: #f1f2f2;
}
.entry-content td {
  padding: 7px;
  border-right: 1px solid #E0E0E0;
}
.entry-content td:last-child {
  border-right: 0;
}
.entry-content th {
  background-color: #f1f2f2;
  border-bottom: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}
.entry-content th:last-child {
  border-right: 0;
}
.entry-content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #1d5492;
  font-style: italic;
  color: #9fa6b4;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #000000;
  color: #f1f2f2;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}
.entry-content {
  /* Custom */
}
.entry-content .our-impact {
  background-color: #CCCCCC;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 0 0;
  text-align: left;
  width: 100vw;
}
.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .entry-content .our-impact .wp-block-group__inner-container .wp-block-columns .wp-block-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    margin: 0 0 30px 0;
  }
}
@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .our-impact .wp-block-group__inner-container .wp-block-columns .wp-block-column {
    /* border: 1px solid red; */
    -ms-flex-preferred-size: calc(33.33333% - var(--wp--style--block-gap, 2em) / 2) !important;
        flex-basis: calc(33.33333% - var(--wp--style--block-gap, 2em) / 2) !important;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
@media screen and (min-width: 768px) {
  .entry-content .our-impact .wp-block-group__inner-container .wp-block-columns .wp-block-column {
    margin: 0 0 88px 0;
  }
}
.entry-content .our-impact .impact-item {
  background-color: #ffffff;
  border-radius: 50%;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
}
@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .our-impact .impact-item {
    height: 170px;
    padding: 10px;
    width: 170px;
  }
}
@media (min-width: 782px) and (max-width: 1029px) {
  .entry-content .our-impact .impact-item {
    height: 240px;
    width: 240px;
  }
}
.entry-content .our-impact .impact-item figure {
  margin: 0;
}
@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .our-impact .impact-item figure {
    height: 50px;
  }
}
@media (min-width: 782px) and (max-width: 1029px) {
  .entry-content .our-impact .impact-item figure {
    height: 90px;
  }
}
@media screen and (min-width: 1030px) {
  .entry-content .our-impact .impact-item figure {
    height: 110px;
  }
}
.entry-content .our-impact .impact-item figure img {
  margin: 0 auto;
  max-width: 110px;
}
@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .our-impact .impact-item figure img {
    max-width: 50px;
  }
}
@media (min-width: 782px) and (max-width: 1029px) {
  .entry-content .our-impact .impact-item figure img {
    max-width: 80px;
  }
}
.entry-content .our-impact .impact-item h3 {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 50px;
  line-height: 61px;
  margin: 0;
}
@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .our-impact .impact-item h3 {
    font-size: 26px;
    line-height: 36px;
  }
}
.entry-content .our-impact .impact-item h3 span.dolar,
.entry-content .our-impact .impact-item h3 span.dollar {
  font-size: 35px;
  line-height: 43px;
  top: -10px;
  position: relative;
}
@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .our-impact .impact-item h3 span.dolar,
  .entry-content .our-impact .impact-item h3 span.dollar {
    font-size: 18px;
    line-height: 33px;
  }
}
.entry-content .our-impact .impact-item p {
  font-size: 14px;
  line-height: 17px;
  max-width: 160px;
  margin: 0 auto;
}
@media (min-width: 600px) and (max-width: 781px) {
  .entry-content .our-impact .impact-item p {
    font-size: 12px;
  }
}
.entry-content {
  /* Wht we do */
}
.entry-content .wwd-wrapper {
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 3.75em 0;
  text-align: left;
  width: 100vw;
}
.entry-content .wwd-wrapper h2 {
  /*line-height: 3.3125em;*/
  margin-top: -26px;
  margin-bottom: 10px;
}
.entry-content .wwd-wrapper .wwd-list-items {
  margin-top: 30px;
}
@media (min-width: 768px) and (max-width: 1029px) {
  .entry-content .wwd-wrapper .wwd-list-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.entry-content .wwd-wrapper .wwd-list-items .wp-block-column {
  /*
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  */
}
@media (min-width: 768px) and (max-width: 1029px) {
  .entry-content .wwd-wrapper .wwd-list-items .wp-block-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .entry-content .wwd-wrapper .wwd-list-items .wp-block-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    margin: 0 0 30px 0;
  }
}
.entry-content .wwd-wrapper .wwd-list-items .wp-block-image figure img {
  display: block;
  max-width: 150px;
  margin: 0 auto -50px;
  width: 100%;
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey {
  border-radius: 20px;
  background-color: #F1F2F2;
  display: block;
  margin: 0 auto;
  padding: 40px 20px 10px;
  max-width: 290px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey {
    max-width: 100%;
    text-align: center;
  }
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey h4 {
  font-size: 1.25em;
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey p {
  font-size: 0.875em;
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button {
  margin: 1.25em 0;
}
@media screen and (max-width: 767px) {
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button {
    margin: 1.25em auto;
  }
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button a.wp-block-button__link {
  background-color: transparent;
  border: 0;
  color: #1d5492;
  height: auto;
  padding: 0;
  text-decoration: none;
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button a.wp-block-button__link:before {
  color: #1d5492;
  content: "▶";
  padding-right: 5px;
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button a.wp-block-button__link:hover, .entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button a.wp-block-button__link:focus {
  color: #00974c !important;
}
.entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button a.wp-block-button__link:hover:before, .entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button a.wp-block-button__link:focus:before {
  color: #00974c !important;
}
.entry-content {
  /** **/
  /** **/
  /** **/
}
.entry-content .slider-nav-wrap {
  position: relative;
  z-index: 10;
}
.entry-content .slider-nav-wrap #slider-nav {
  position: absolute;
  margin-top: 250px;
  width: 100%;
}
.entry-content .slider-nav-wrap #slider-nav .slider-nav {
  background-size: contain;
  background-repeat: no-repeat;
  border: 0;
  outline: 0;
  height: 43px;
  width: 42px;
  display: block;
  position: absolute;
}
.entry-content .slider-nav-wrap #slider-nav .slider-prev {
  background-image: url("../images/nav-left.png");
}
.entry-content .slider-nav-wrap #slider-nav .slider-next {
  background-image: url("../images/nav-right.png");
  right: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .entry-content .slider-nav-wrap {
    display: none;
  }
}

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #E0E0E0;
  padding: 5px;
  /* images inside wp-caption */
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
  margin: 0;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  text-align: center;
}
.pagination ul {
  display: inline-block;
  background-color: #ffffff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}
.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #E0E0E0;
}
.pagination a,
.pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #1d5492;
}
.pagination a:hover, .pagination a:focus,
.pagination span:hover,
.pagination span:focus {
  background-color: #1d5492;
  color: #ffffff;
}
.pagination .current {
  cursor: default;
  color: #000000;
}
.pagination .current:hover, .pagination .current:focus {
  background-color: #ffffff;
  color: #000000;
}

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f1f2f2;
  /* number of comments span */
}
.commentlist {
  margin: 0;
  list-style-type: none;
}

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f1f2f2;
}
.comment .comment-author {
  padding: 7px;
  border: 0;
}
.comment {
  /* vcard */
}
.comment .vcard {
  margin-left: 50px;
}
.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}
.comment .vcard time a {
  color: #9fa6b4;
  text-decoration: none;
}
.comment .vcard time a:hover {
  text-decoration: underline;
}
.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}
.comment {
  /* end .commentlist .vcard */
}
.comment:last-child {
  margin-bottom: 0;
}
.comment .children {
  margin: 0;
}
.comment .children {
  /* variations */
}
.comment .children { /* change number for different depth */ }
.comment {
  /* end children */
}
.comment[class*=depth-] {
  margin-top: 1.1em;
}
.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}
.comment {
  /* general comment classes */
}
.comment.odd {
  background-color: #ffffff;
}
.comment.even {
  background: #f1f2f2;
}
/* comment meta */
/* comment content */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
  font-size: 0.9em;
  float: right;
} /* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f1f2f2;
}

#reply-title {
  margin: 0;
}

.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}
.logged-in-as a {
  color: #000000;
}

.comment-form-comment {
  margin: 1.5em 0 0.75em;
}

.form-allowed-tags {
  padding: 1.5em;
  background-color: #f1f2f2;
  font-size: 0.9em;
}

/* comment submit button */
#submit {
  float: right;
  font-size: 1em;
}

/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
  /* deep nesting */
}
.no-widgets {
  background-color: #ffffff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background-color: #2D2B64;
  color: #ffffff;
  padding: 60px 0;
}
.footer .clearfix:before, .footer .clearfix:after, .footer .cf:before, .footer .comment-respond:before, .footer .cf:after, .footer .comment-respond:after {
  content: "";
  display: none;
}
.footer #inner-footer {
  text-align: center;
  width: 1147px;
  max-width: 88vw;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 178px;
}
.footer #inner-footer .footer-address {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: bold;
  font-size: 21px;
  line-height: 30px;
  max-width: 92vw;
}
.footer #inner-footer .wpforms-field.wpforms-field-name.fullwidth-field {
  padding: 0px;
}
.footer #inner-footer .fullwidth-field .wpforms-field-row.wpforms-field-large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.footer #inner-footer .fullwidth-field .wpforms-field-row.wpforms-field-large .wpforms-one-half {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.footer #inner-footer .fullwidth-field .wpforms-field-row.wpforms-field-large .wpforms-field-large {
  font-family: "Josephine Sans";
  font-weight: 600;
}
.footer #inner-footer .fullwidth-field .wpforms-field-row.wpforms-field-large div.wpforms-container button[type=submit] {
  border-radius: 4px;
  width: 152px;
  background-color: #818181;
  font-family: "Josephine Sans";
  font-weight: bold;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
}
.footer #inner-footer > div:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 30.5%;
          flex: 1 0 30.5%;
}
.footer #inner-footer > div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 53%;
          flex: 1 0 53%;
  padding-top: 119px;
}
.footer .footer-logo img {
  max-width: 80vw;
  width: 319px;
}
.footer a.footer-emailus {
  background: #818181;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  margin: 10px 0;
  opacity: 1;
  padding: 0.5em 1.25em;
  text-decoration: none;
}
.footer a.footer-emailus:hover, .footer a.footer-emailus:focus {
  opacity: 0.8;
}
.footer ul.social-links {
  display: table;
  margin: 1em auto;
}
.footer ul.social-links li {
  float: left;
  list-style-type: none;
  margin-right: 20px;
}
.footer ul.social-links li:last-of-type {
  margin-right: 0;
}
.footer ul.social-links li a {
  text-decoration: none;
}
.footer ul.social-links li a i {
  color: #ffffff;
  font-size: 22px;
}
.footer ul.social-links li a:hover i {
  color: #4DBFBD;
}
.footer .footer-acknowledgement {
  padding-top: 28px;
}
.footer .footer-acknowledgement p {
  margin: 0;
  padding: 0;
  font-family: "Josephine Sans";
  font-weight: 500;
  margin-top: 23px;
  margin-bottom: 23px;
  width: 622px;
  max-width: 88vw;
  font-size: 0.8333rem;
  line-height: 1.667rem;
  font-weight: 500;
  margin-top: 0px;
}
.footer .copyright {
  font-size: 15px;
  line-height: 30px;
}
.footer div.wpforms-container button[type=submit] {
  border-radius: 4px;
  width: 152px;
  background-color: #818181 !important;
  font-family: "Josephine Sans";
  font-weight: bold;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
}
.footer .wpforms-field-email {
  margin-top: -16px !important;
}

.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input[type=submit] {
  max-height: 36px;
}

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
.footer ul.social-links li a i.fab.fa-facebook-f {
  font-size: 21px;
}

.btn-purple a {
  border-color: #512b76;
  background-color: #512b76;
  padding: 11px 30px !important;
}

.btn-purple a:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  color: #512b76 !important;
}

.row-with-cover .wp-block-button {
  margin-left: 47px;
}

.row-with-cover p {
  margin-bottom: 0px;
}

.ecstra_block.latest-resources-content h2 {
  font-size: 1.833rem !important;
  font-weight: bold;
}

.row-with-cover .wp-block-cover div {
  margin-top: 80px;
  margin-bottom: 80px;
}

.entry-content .wwd-wrapper .wwd-list-items .wwd-grey h4 {
  margin-bottom: 7px;
}

.sub-header-intro {
  margin-top: 107px;
}

@media only screen and (min-width: 768px) {
  .latest-resources-content .wrap {
    width: 96% !important;
  }
}
.latest-resources-content .article-container article .info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.latest-resources-content .article-container article .info .heading {
  margin-bottom: 5px;
}

.cats-duration .meta-time {
  margin-top: -10px;
}

.cats-duration img, .cats-duration p {
  margin-bottom: 0;
}

.cats-duration p {
  font-size: 12px;
}

.cats-duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.size-latest-resources-thumb {
  max-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

.row-with-cover p {
  font-size: 60px;
}

@media only screen and (max-width: 800px) {
  .wwd-list-items {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .row-with-cover .wp-block-cover img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .row-with-cover p {
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .wwd-list-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .row-with-cover p {
    font-size: 36px;
  }
}
.row-with-cover {
  margin-top: 80px;
  margin-bottom: 100px;
}

.row-with-cover > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row-with-cover .wp-block-cover img {
  margin-left: 140px;
  -o-object-fit: contain;
     object-fit: contain;
}

div#footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 70px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
div#footer-bottom ul.social-links {
  width: auto;
  margin: 0;
}

.footer .copyright {
  font-size: 15px;
  font-family: "Josephine Sans";
  font-weight: 500;
  margin: 0px;
}

.has-counters {
  width: 912px;
  margin-left: auto;
  margin-right: auto;
  gap: 34px;
  max-width: 92vw;
}

.entry-content .our-impact .impact-item p {
  line-height: 17px;
  margin: 0 auto;
  font-family: "Josephine Sans";
  font-size: 18px;
  max-width: 206px;
  font-weight: 500;
}

.entry-content .our-impact .impact-item {
  padding: 37px 35px 49px;
  height: 100%;
}

.entry-content .our-impact .impact-item figure {
  height: 83px;
}

.entry-content .our-impact .impact-item h3 {
  font-family: "Josephine Sans";
  font-weight: 500 !important;
  line-height: 61px;
  margin: 0;
}

.entry-content .our-impact .impact-item h3 span.dolar, .entry-content .our-impact .impact-item h3 span.dollar {
  top: 0px;
}

.entry-content .our-impact .impact-item figure {
  height: 83px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1060px) {
  .has-counters {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.our-impact > div > div {
  width: 100vw;
  max-width: 90vw;
}

banner.slick-slider.slick-initialized {
  max-width: 100vw;
}

@media screen and (max-width: 1030px) {
  .has-counters {
    gap: 0px;
  }
  .entry-content .our-impact .impact-item figure {
    height: 74px;
  }
  .entry-content .our-impact .impact-item {
    height: 276px;
    width: 272px;
  }
  .entry-content .our-impact .impact-item h3 {
    font-size: 34px;
    margin-bottom: -3px;
  }
  .has-counters {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media screen and (max-width: 930px) {
  .has-counters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.blue-hover.wp-block-button__link:hover {
  background-color: #4DBFBD !important;
}

li#field_1_1 {
  margin-bottom: -16px;
}

html {
  overflow-x: clip;
}

@media screen and (max-width: 780px) {
  .footer #inner-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
  border-radius: 4px;
  width: 152px;
  background-color: #818181;
  font-family: "Josephine Sans";
  font-weight: bold;
  padding: 10px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  border: 1px solid #818181;
  color: white;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
  background-color: #4DBFBD !important;
  border: 1px solid #4DBFBD !important;
}

.latest-resources-content .article-container article .info p.heading {
  font-weight: 700 !important;
}

main#main .latest-resources-content .article-container article .info p.meta-time {
  color: #00974c;
  font-family: "Josephine Sans" !important;
  font-size: 11px !important;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 36px;
}

.nav#menu-footer-menu li a {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  font-size: 1.1667rem !important;
  text-decoration: none !important;
  padding: 0;
  margin-bottom: 8px;
  line-height: 30px;
}
.nav#menu-footer-menu li a:hover {
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .footer #inner-footer .footer-address {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-address p {
    width: auto;
  }
  .gform_wrapper form {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
  }
  .nav#menu-footer-menu li a {
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  div#footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 690px) {
  div#footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .nav#menu-footer-menu {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .gform_wrapper .gform_footer input[type=submit] {
    width: calc(100% - 15px);
  }
}
@media screen and (max-width: 500px) {
  .nav#menu-footer-menu {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.banner .banner-item, .banner-static .banner-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 35vh;
  width: 100vw;
  background-size: contain;
}

@media screen and (max-width: 1029px) {
  .header nav ul.nav li ul.sub-menu, .header nav ul.nav li ul.children {
    display: block;
    visibility: visible;
    position: relative;
  }
  .nav#menu-main-menu li a {
    color: #000000 !important;
    text-decoration: none;
    font-family: "Josephine Sans";
    font-weight: bold;
    font-size: 18px;
    border: 3px rgba(0, 0, 0, 0) solid !important;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    color: #000000 !important;
    text-decoration: none;
    font-family: "Josephine Sans";
    font-weight: bold;
    font-size: 18px;
    border: 0px !important;
    padding-bottom: 0px;
    padding-top: 13px;
    font-weight: 500;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 20px;
    padding-right: 20px;
    border-right: 0;
    color: #ffffff !important;
    display: block;
    width: 240px;
    border-bottom: 1px solid #4DBFBD;
    font-weight: 500 !important;
    padding-left: 40px;
    width: 300px;
  }
}
@media screen and (min-width: 995px) {
  div#footer-bottom {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /*max-width: 86%;*/
  }
}
@media screen and (max-width: 954px) {
  div#footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 781px) {
  .ecstra_block.latest-resources-content .wrap.cf, .ecstra_block.latest-resources-content .wrap.comment-respond {
    width: 90%;
  }
  .latest-resources-content .article-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .talk-money {
    gap: 26px;
  }
}
main#main .latest-resources-content .article-container article .info p.heading a {
  color: black !important;
}

.wp-block-columns.tm-cols.wrapper-narrow.has-video {
  gap: 95px;
  margin-bottom: 100px;
}

.nav#menu-main-menu li .sub-menu a {
  margin-bottom: 6px;
  font-size: 0.7778rem;
}

/*.header nav ul.nav {
    background-color: red;
}*/
/*! Made with Bones: http://themble.com/bones :) */
/* ==========================================================================
 Site Name:
 Author: Brafton (Archie Makuwwa)

 Stylesheet: Main Stylesheet

 Here's where the magic happens. Here, you'll see we are calling in
 the separate media queries. The base mobile goes outside any query
 and is called at the beginning, after that we call the rest
 of the styles inside media queries.

 Helpful articles on Sass file organization:
 http://thesassway.com/advanced/modular-css-naming-conventions
========================================================================== */
/* ==========================================================================
 IMPORTING PARTIALS
 These files are needed at the beginning so that we establish all
 our mixins, functions, and variables that we'll be using across
 the whole project.
========================================================================== */
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: "";
  content: none;
}

small, .small {
  font-size: 75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ul {
  padding: 0;
  list-style-type: none;
}

ol {
  padding: 0;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf, .comment-respond {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

html {
  font-size: 18px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
body h1 {
  font-size: 1.87rem;
}
body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
body .wwd-list-items h3 {
  margin-bottom: 6px;
}
body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
body .gform_wrapper ul li.gfield,
body .ginput_container.ginput_container_email,
body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
body li#field_1_1 {
  margin-bottom: -8px !important;
}

body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}

body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
}
/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.0909090909%;
  }
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
}
/* ==========================================================================
 IMPORTING MODULES
 Modules are reusable blocks or elements we use throughout the project.
 We can break them up as much as we want or just keep them all in one.
 I mean, you can do whatever you want. The world is your oyster. Unless
 you hate oysters, then the world is your peanut butter & jelly sandwich.
========================================================================== */
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: rgb(231.8902439024, 220.3353658537, 88.6097560976);
  background: #ebe16f;
}

.alert-info {
  border-color: rgb(191.1428571429, 227.6326530612, 244.3571428571);
  background: #d5edf8;
}

.alert-error {
  border-color: rgb(247.8125, 204.6875, 206.484375);
  background: #fbe3e4;
}

.alert-success {
  border-color: rgb(221.7207792208, 233.7012987013, 173.7987012987);
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.btn,
.btn:visited,
#searchsubmit,
.wp-block-button__link, .comment-reply-link,
.comment-reply-link:visited, #submit,
.button,
.wp-block-button__link {
  background-color: #ffffff;
  border-radius: 6px;
  border: 0;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  height: 2.8125em;
  margin-bottom: 5px;
  padding: 0.5em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
  border: 1px solid #000000;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.btn:hover,
#searchsubmit:hover, .comment-reply-link:hover, #submit:hover, .btn:focus,
#searchsubmit:focus, .comment-reply-link:focus, #submit:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  color: #ffffff !important;
  background-color: #00974c;
  text-decoration: none;
  outline: none;
}
.btn:active,
#searchsubmit:active, .comment-reply-link:active, #submit:active,
.button:active,
.wp-block-button__link:active {
  top: 1px;
}
.primary.btn,
.primary#searchsubmit, .primary.comment-reply-link, .primary#submit,
.button.primary,
.wp-block-button__link.primary {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.primary.btn:hover,
.primary#searchsubmit:hover, .primary.comment-reply-link:hover, .primary#submit:hover, .primary.btn:focus,
.primary#searchsubmit:focus, .primary.comment-reply-link:focus, .primary#submit:focus,
.button.primary:hover,
.button.primary:focus,
.wp-block-button__link.primary:hover,
.wp-block-button__link.primary:focus {
  background-color: #ffffff;
  color: #787878;
  text-decoration: none;
  outline: none;
}
.primary.btn:active,
.primary#searchsubmit:active, .primary.comment-reply-link:active, .primary#submit:active,
.button.primary:active,
.wp-block-button__link.primary:active {
  top: 1px;
}
.primary.cta.btn,
.primary.cta#searchsubmit, .primary.cta.comment-reply-link, .primary.cta#submit,
.button.primary.cta,
.wp-block-button__link.primary.cta {
  border: 1px solid #ffffff;
}
.secondary.btn,
.secondary#searchsubmit, .secondary.comment-reply-link, .secondary#submit,
.button.secondary,
.wp-block-button__link.secondary {
  background-color: transparent;
  border: 1px solid #000000 !important;
  color: #000000;
}
.secondary.btn:hover,
.secondary#searchsubmit:hover, .secondary.comment-reply-link:hover, .secondary#submit:hover, .secondary.btn:focus,
.secondary#searchsubmit:focus, .secondary.comment-reply-link:focus, .secondary#submit:focus,
.button.secondary:hover,
.button.secondary:focus,
.wp-block-button__link.secondary:hover,
.wp-block-button__link.secondary:focus {
  background-color: #00974c;
  border-color: #00974c !important;
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
.secondary.btn:active,
.secondary#searchsubmit:active, .secondary.comment-reply-link:active, .secondary#submit:active,
.button.secondary:active,
.wp-block-button__link.secondary:active {
  top: 1px;
}
.secondary.cta.btn,
.secondary.cta#searchsubmit, .secondary.cta.comment-reply-link, .secondary.cta#submit,
.button.secondary.cta,
.wp-block-button__link.secondary.cta {
  border: 1px solid #ffffff;
}
.btn:visited,
#searchsubmit:visited, .comment-reply-link:visited, #submit:visited,
.button:visited,
.wp-block-button__link:visited {
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .btn,
  .btn:visited,
  #searchsubmit,
  .wp-block-button__link, .comment-reply-link,
  .comment-reply-link:visited, #submit,
  .button,
  .wp-block-button__link {
    display: table;
    margin: 0 auto;
  }
}

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.btn, .comment-reply-link, #submit,
.btn:visited,
#searchsubmit,
.wp-block-button__link {
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  height: 2.8125em;
}
.btn:hover, .comment-reply-link:hover, #submit:hover, .btn:focus, .comment-reply-link:focus, #submit:focus,
.btn:visited:hover,
.btn:visited:focus,
#searchsubmit:hover,
#searchsubmit:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: #00974c;
  color: #ffffff;
}
.btn:active, .comment-reply-link:active, #submit:active,
.btn:visited:active,
#searchsubmit:active,
.wp-block-button__link:active {
  background-color: #00974c;
  color: #ffffff;
}

.secondary .wp-block-button__link {
  border-radius: 6px;
  border: 0;
  background-color: transparent;
  border: 1px solid #000000;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  height: 2.8125em;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  padding: 0.5em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.secondary .wp-block-button__link:hover, .secondary .wp-block-button__link:focus {
  background-color: #ffffff;
  color: #000000;
  text-decoration: none;
  outline: none;
}

.simple-link .wp-block-button__link {
  background-color: transparent;
  border: 0;
  color: #1d5492;
  height: auto;
  padding: 0;
  text-decoration: none;
}
.simple-link .wp-block-button__link:before {
  color: #1d5492;
  content: "▶";
  padding-right: 5px;
}
.simple-link .wp-block-button__link:hover, .simple-link .wp-block-button__link:focus {
  color: #00974c !important;
}
.simple-link .wp-block-button__link:hover:before, .simple-link .wp-block-button__link:focus:before {
  color: #00974c !important;
}

footer .button,
footer .wp-block-button__link {
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #f1f2f2;
  color: #f1f2f2;
  cursor: pointer;
  display: inline-block;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  height: 2.8125em;
  padding: 0.5em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: auto;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
footer .button:visited,
footer .wp-block-button__link:visited {
  background-color: transparent;
  border: 1px solid #f1f2f2;
  color: #f1f2f2 !important;
}
footer .button:hover, footer .button:focus,
footer .wp-block-button__link:hover,
footer .wp-block-button__link:focus {
  background-color: #00974c;
  color: #ffffff !important;
  border-color: #000000;
  text-decoration: none;
  outline: none;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #000000;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "Josephine Sans", Arial, sans-serif;
  background-color: #E0E0E0;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: rgb(234.2, 234.2, 234.2);
  outline: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=search].error,
input[type=search].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #ffffff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}
input[type=text].success, input[type=text].is-valid,
input[type=password].success,
input[type=password].is-valid,
input[type=datetime].success,
input[type=datetime].is-valid,
input[type=datetime-local].success,
input[type=datetime-local].is-valid,
input[type=date].success,
input[type=date].is-valid,
input[type=month].success,
input[type=month].is-valid,
input[type=time].success,
input[type=time].is-valid,
input[type=week].success,
input[type=week].is-valid,
input[type=number].success,
input[type=number].is-valid,
input[type=email].success,
input[type=email].is-valid,
input[type=url].success,
input[type=url].is-valid,
input[type=search].success,
input[type=search].is-valid,
input[type=tel].success,
input[type=tel].is-valid,
input[type=color].success,
input[type=color].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #ffffff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:active,
input[type=password].is-disabled:focus,
input[type=password].is-disabled:active,
input[type=datetime][disabled]:focus,
input[type=datetime][disabled]:active,
input[type=datetime].is-disabled:focus,
input[type=datetime].is-disabled:active,
input[type=datetime-local][disabled]:focus,
input[type=datetime-local][disabled]:active,
input[type=datetime-local].is-disabled:focus,
input[type=datetime-local].is-disabled:active,
input[type=date][disabled]:focus,
input[type=date][disabled]:active,
input[type=date].is-disabled:focus,
input[type=date].is-disabled:active,
input[type=month][disabled]:focus,
input[type=month][disabled]:active,
input[type=month].is-disabled:focus,
input[type=month].is-disabled:active,
input[type=time][disabled]:focus,
input[type=time][disabled]:active,
input[type=time].is-disabled:focus,
input[type=time].is-disabled:active,
input[type=week][disabled]:focus,
input[type=week][disabled]:active,
input[type=week].is-disabled:focus,
input[type=week].is-disabled:active,
input[type=number][disabled]:focus,
input[type=number][disabled]:active,
input[type=number].is-disabled:focus,
input[type=number].is-disabled:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:active,
input[type=email].is-disabled:focus,
input[type=email].is-disabled:active,
input[type=url][disabled]:focus,
input[type=url][disabled]:active,
input[type=url].is-disabled:focus,
input[type=url].is-disabled:active,
input[type=search][disabled]:focus,
input[type=search][disabled]:active,
input[type=search].is-disabled:focus,
input[type=search].is-disabled:active,
input[type=tel][disabled]:focus,
input[type=tel][disabled]:active,
input[type=tel].is-disabled:focus,
input[type=tel].is-disabled:active,
input[type=color][disabled]:focus,
input[type=color][disabled]:active,
input[type=color].is-disabled:focus,
input[type=color].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type=password] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

/* ==========================================================================
 BASE (MOBILE) SIZE
 This are the mobile styles. It's what people see on their phones. If
 you set a great foundation, you won't need to add too many styles in
 the other stylesheets. Remember, keep it light: Speed is Important.
========================================================================== */
/* ==========================================================================
 LARGER MOBILE DEVICES
 This is for devices like the Galaxy Note or something that's
 larger than an iPhone but smaller than a tablet. Let's call them
 tweeners.
========================================================================== */
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 481px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.

  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.

  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
  }
  .menu ul {
    /* end current highlighters */
  }
  .menu {
    /* end .menu ul */
  } /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
/* ==========================================================================
 LARGER MOBILE DEVICES / 600px and up
 This is for devices like the Galaxy Note or something that's
 larger than an iPhone but smaller than a tablet. Let's call them
 tweeners.
========================================================================== */
@media only screen and (min-width: 600px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 600px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.

  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.

  ******************************************************************/
}
/* ==========================================================================
 TABLET & SMALLER LAPTOPS
 This is the average viewing window. So Desktops, Laptops, and
 in general anyone not viewing on a mobile device. Here's where
 you can add resource intensive styles.
========================================================================== */
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Tablet & Small Desktop Stylesheet

  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!

  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 760px;
  }
  /*********************
  HEADER STYLES
  *********************/
  .header {
    padding: 40px 0 35px;
  }
  .header #mobi-menu-trigger {
    margin: 10px 0 0;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  .nav {
    border: 0;
  }
  .nav ul {
    margin-top: 0;
  }
  .nav li {
    float: left;
    position: relative;
  }
  .nav li a {
    border-bottom: 0;
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  .nav li a:hover, .nav li a:focus {
    color: #ffffff;
    text-decoration: underline;
  }
  .nav li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    background-color: #1d5492;
    margin-top: 0;
    border: 0;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 20px;
    padding-right: 20px;
    border-right: 0;
    color: #ffffff !important;
    display: block;
    width: 220px;
    border-bottom: 1px solid #4DBFBD;
  }
  .nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
  .nav li ul.children li a:hover,
  .nav li ul.children li a:focus {
    color: #4DBFBD !important;
    text-decoration: none;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    /* highlight sub-menu current page */
  }
  .nav li {
    /* showing sub-menus */
  }
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }
  .nav {
    /* end .menu ul li */
    /* highlight current page */
  }
  .nav {
    /* end current highlighters */
    /* Footer */
  }
  .nav#menu-footer-menu {
    margin: 0;
    padding: 0;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
  .nav#menu-footer-menu li {
    float: none;
    list-style-type: none;
  }
  .nav#menu-footer-menu li a {
    font-family: "Josephine Sans", Arial, sans-serif;
    text-decoration: none;
    padding: 0;
  }
  .nav#menu-footer-menu li a:hover, .nav#menu-footer-menu li a:focus {
    text-decoration: underline;
  }
  /* end .nav */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em;
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
  }
  .widget ul li {
    /* deep nesting */
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  .footer #inner-footer {
    text-align: left;
  }
  .footer ul.social-links {
    display: inline-block;
    width: 100%;
  }
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */
  }
  /* end .footer-links */
}
/* ==========================================================================
 DESKTOP
 This is the average viewing window. So Desktops, Laptops, and
 in general anyone not viewing on a mobile device. Here's where
 you can add resource intensive styles.
========================================================================== */
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Desktop Stylsheet

  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.

  ******************************************************************/
  .wrap {
    width: 1040px;
  }
  /* */
  .header nav {
    float: right;
    width: calc(100% - 300px);
  }
  .header nav ul.nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .header ul#menu-main-menu.nav li:hover > a {
    border-bottom: 4px solid #00974C;
  }
  .header #mobi-menu-trigger {
    display: none;
  }
  /* */
  .nav {
    border: 0;
  }
  .nav ul {
    margin-top: 0;
  }
  .nav li {
    float: left;
    position: relative;
  }
  .nav li a {
    border-bottom: 0;
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  .nav li a:hover, .nav li a:focus {
    color: #ffffff;
    text-decoration: underline;
  }
  .nav li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    background-color: white;
    margin-top: 0;
    border: 0;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    color: #000000 !important;
    text-decoration: none;
    font-family: "Josephine Sans";
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    border-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
  }
  .nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
  .nav li ul.children li a:hover,
  .nav li ul.children li a:focus {
    color: #4DBFBD !important;
    text-decoration: none;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    /* highlight sub-menu current page */
  }
  .nav li {
    /* showing sub-menus */
  }
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }
  .nav {
    /* end .menu ul li */
    /* highlight current page */
  }
  .nav {
    /* end current highlighters */
    /* Footer */
  }
  .nav#menu-footer-menu {
    margin: 0;
    padding: 0;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
  .nav#menu-footer-menu li {
    float: none;
    list-style-type: none;
  }
  .nav#menu-footer-menu li a {
    font-family: "Josephine Sans", Arial, sans-serif;
    text-decoration: none;
    padding: 0;
  }
  .nav#menu-footer-menu li a:hover, .nav#menu-footer-menu li a:focus {
    text-decoration: underline;
  }
  /* end .nav */
  /* */
  .entry-content .wwd-wrapper .wwd-list-items .wp-block-image figure img {
    position: relative;
    z-index: 2;
  }
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey {
    height: 300px;
    position: relative;
  }
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button {
    position: absolute;
    bottom: 0;
  }
  .nav#menu-main-menu li .sub-menu a {
    font-weight: 500;
  }
  .nav#menu-main-menu li .sub-menu li a:hover {
    border-bottom: 0px !important;
    text-shadow: 0 0 black;
    color: black !important;
    border-bottom: 0px !important;
  }
}
/* ==========================================================================
 LARGE VIEWING SIZE
 This is for the larger monitors and possibly full screen viewers.
========================================================================== */
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1366px) {
  .wrap {
    width: 100%;
    max-width: 1200px;
  }
  /* */
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey {
    height: 280px;
    position: relative;
  }
}
/* ==========================================================================
 RETINA (2x RESOLUTION DEVICES)
 This applies to the retina iPhone (4s) and iPad (2,3) along with
 other displays with a 2x resolution. You can also create a media
 query for retina AND a certain size if you want. Go Nuts.
========================================================================== */
/* ==========================================================================
 H1, H2, H3, H4, H5 STYLES
========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.

  ******************************************************************/
  /* 

  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 

  */
}
/* ==========================================================================
 CUSTOM SECTIONS
========================================================================== */
/* ==========================================================================
Site Name: Ectra 
Author: Brafton (Archie Makuwa)


Stylesheet: Base Blocks Stylesheet
========================================================================== */
/* ==========================================================================

========================================================================== */
/* ==========================================================================
 SECTIONS CLASSES
========================================================================== */
/* Background colours */
.gray-bg,
.gray_bg {
  background-color: #ececec;
}

.blue-bg {
  background-color: #1d5492;
}

.orange-bg {
  background-color: #E06341;
}

/*  */
.sub-header-intro {
  display: block;
  font-size: 25px;
  line-height: 38px;
  margin: 3.75em auto;
  max-width: 880px;
  width: 100%;
}

.sub-header-standard {
  display: block;
  max-width: 840px;
  margin: 3.75em auto;
  width: 100%;
}

.wrap-840,
.wrap_840 {
  max-width: 840px;
  margin: 0 auto;
}

/* Margins and paddings */
.page-section {
  padding: 3.75em 0;
}

.mtb-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

/* Padding */
.ptb {
  padding-top: 0;
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

/* Alingment */
.v-align,
.vertical-center {
  vertical-align: middle;
  display: table-cell;
  margin-top: auto;
  margin-bottom: auto;
}

/* ==========================================================================

========================================================================== */
/* Priority group */
.priority-group .wp-block-columns {
  margin-bottom: 1.875em;
}
@media screen and (max-width: 599px) {
  .priority-group .wp-block-columns {
    margin-bottom: 0;
  }
}
.priority-group .wp-block-columns .wp-block-column {
  margin-bottom: 1.875em;
}
.priority-group .wp-block-image figure img {
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 345px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .priority-group .wp-block-image figure img {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}
/* ==========================================================================
 ???
========================================================================== */
/* ==========================================================================
 ???
========================================================================== */
.wrapper-narrow {
  width: 1014px;
  max-width: 87vw;
  margin-left: auto;
  margin-right: auto;
}

.wwd-list-items {
  width: 1220px;
  max-width: 86vw;
  margin-left: auto;
  margin-right: auto;
  gap: 19.42px;
  margin-top: 104px;
}
@media screen and (max-width: 1080px) {
  .wwd-list-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 142px;
  }
}
@media screen and (max-width: 900px) {
  .wwd-list-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 142px;
  }
}
.wwd-list-items .wp-block-column {
  background-color: #F1F2F2;
  border-radius: 38px;
  padding: 60px 21px 30px 21px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wwd-list-items .wp-block-column .wp-block-image {
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container a.wp-block-button__link.wp-element-button {
  padding: 0px 0px 0px 9px;
  margin: 0px;
  border: 0px;
  height: auto;
  color: #2D2B64 !important;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  font-weight: bold;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container a.wp-block-button__link.wp-element-button:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container a.wp-block-button__link.wp-element-button:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}

.is-style-arrow-button a.wp-block-button__link {
  padding: 0px 0px 0px 9px;
  margin: 0px;
  border: 0px;
  height: auto;
  color: #2D2B64 !important;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  font-weight: bold;
}
.is-style-arrow-button a.wp-block-button__link:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
}
.is-style-arrow-button a.wp-block-button__link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}

.wp-block-cover.tm-row {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 40px 0px 50px 0px;
}
.wp-block-cover.tm-row .wp-block-cover__inner-container {
  width: 1012px;
  max-width: 87vw;
  margin-left: auto;
  margin-right: auto;
}

.tm-cols.has-video {
  gap: 95px;
  margin-bottom: 100px;
}

.tm-row {
  padding-top: 72px !important;
}

.latest-resources-content {
  /*background-color: $light-gray;*/
  color: #000000;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 3.75em 0;
  text-align: left;
  width: 100vw;
  background-color: #F1F1F1 !important;
}
.latest-resources-content h2 {
  text-align: left;
  padding-left: 70px;
  font-size: 1, 833rem;
  margin-top: 99px;
  margin-bottom: 48px;
}
.latest-resources-content .article-container {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .latest-resources-content .article-container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.latest-resources-content .article-container article {
  background-color: white;
  display: block;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 30px;
  overflow: clip;
  background-color: white !important;
}
@media screen and (min-width: 768px) {
  .latest-resources-content .article-container article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex: 0 1 calc(33.3333% - 0.83333em);
        flex: 0 1 calc(33.3333% - 0.83333em);
  }
}
.latest-resources-content .article-container article .size-latest-resources-thumb {
  height: 220px;
  width: 100%;
}
.latest-resources-content .article-container article .info {
  padding-left: 30px;
  padding-right: 30px;
}
.latest-resources-content .article-container article .info .heading {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.5625em;
}
.latest-resources-content .article-container article .info .heading a {
  text-decoration: none;
  color: black !important;
}
.latest-resources-content .article-container article .info .heading a:hover, .latest-resources-content .article-container article .info .heading a:focus {
  color: #00974c;
  text-decoration: none;
}
.latest-resources-content .article-container article .info .meta-time {
  color: #00974c;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 0.6875em;
  line-height: 1.25em;
}
.latest-resources-content .article-container article .summary {
  font-size: 0.875em;
  line-height: 1.25em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.latest-resources-content .article-container article .link {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
}
.latest-resources-content .article-container article .link a {
  color: #1d5492;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.875em;
  text-decoration: none;
}
.latest-resources-content .article-container article .link a:hover, .latest-resources-content .article-container article .link a:focus {
  color: #00974c;
  text-decoration: none;
}

.talk-money {
  gap: 68px;
}

.talk-money a.wp-block-button__link {
  padding: 22px 22.5px;
  height: auto;
}

.talk-money .entry-content img {
  -o-object-fit: cover;
     object-fit: cover;
}

.latest-resources-content .article-container article .info .heading {
  font-family: "Josephine Sans";
  font-weight: 600;
}

#main .entry-content .our-impact .impact-item p {
  line-height: 22px !important;
  margin: 0 auto;
  font-family: "Josephine Sans";
  font-size: 18px !important;
  max-width: 206px;
  font-weight: 500;
}

.footer-address p {
  font-family: "Josephine Sans";
  width: 284px;
  max-width: 90vw;
  margin-top: 50px;
  margin-bottom: 27px;
  font-size: 1.1667rem;
  width: 15rem;
}

div#inner-footer .nav#menu-footer-menu {
  -ms-grid-columns: 177px 268px 140px;
  grid-template-columns: 177px 268px 140px;
}

@media screen and (max-width: 1200px) {
  .footer #inner-footer {
    gap: 3%;
    max-width: 96vw;
  }
}
@media screen and (max-width: 1064px) {
  .footer #inner-footer {
    gap: 3%;
    max-width: 96vw;
  }
  .footer #inner-footer > div:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 10%;
            flex: 1 0 10%;
  }
}
@media screen and (max-width: 975px) {
  div#inner-footer .nav#menu-footer-menu {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    width: 500px !important;
  }
  .footer .footer-acknowledgement p {
    max-width: 90%;
  }
}
@media screen and (max-width: 942px) {
  .footer #inner-footer {
    gap: 2%;
  }
  div#footer-bottom {
    gap: 27px;
  }
}
@media screen and (max-width: 892px) {
  .footer .footer-acknowledgement p {
    max-width: 100%;
    text-align: left;
  }
  div#footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 836px) {
  div#inner-footer .nav#menu-footer-menu {
    width: 50vw;
  }
  .footer .footer-acknowledgement {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    width: 500px !important;
  }
}
@media screen and (max-width: 773px) {
  .footer #inner-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer #inner-footer > div:nth-child(1) {
    text-align: center;
  }
  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    width: calc(100% - 18px) !important;
  }
}
@media screen and (max-width: 740px) {
  div#inner-footer .nav#menu-footer-menu {
    width: 530px;
    margin-left: auto;
    margin-right: auto;
    -ms-grid-columns: 140px 237px 150px;
    grid-template-columns: 140px 237px 150px;
  }
  .footer .footer-acknowledgement {
    max-width: 529px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 591px) {
  div#inner-footer .nav#menu-footer-menu {
    width: 80%;
    justify-items: start;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 79%;
  }
  .footer .footer-acknowledgement {
    max-width: 76vw;
  }
  .footer .footer-acknowledgement p {
    max-width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 641px) {
  .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: normal !important;
  }
}
@media screen and (max-width: 690px) {
  .gform_wrapper .gform_footer input[type=submit] {
    width: 100% !important;
  }
}
@media screen and (max-width: 511px) {
  div#inner-footer .nav#menu-footer-menu {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
main#main .tm-cols.has-video p {
  font-size: 18px !important;
  line-height: 30px;
}

.tm-cols.has-video a.wp-block-button__link.wp-element-button {
  padding: 4px 50px !important;
  height: 36px;
}

.tm-cols.has-video a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
}

main#main .tm-cols.has-video p {
  margin-bottom: 30px !important;
}

.tm-video iframe {
  width: 100%;
  height: auto;
  max-height: 375px;
}

.tm-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 375px;
}
.tm-video .wp-block-cover .wp-block-embed {
  min-height: 240px;
  min-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tm-video .wp-block-cover .wp-block-embed .wp-block-embed__wrapper {
  height: 100%;
  width: 100%;
}
.tm-video .wp-block-cover .wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100%;
  max-height: 375px;
  height: 100%;
}

.wp-block-cover .wp-block-embed {
  min-height: 240px;
  min-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.wp-block-cover .wp-block-embed {
  min-height: 240px;
  min-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wp-block-cover .wp-block-embed .wp-block-embed__wrapper {
  height: 100%;
  width: 100%;
}
.wp-block-cover .wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100%;
  max-height: 375px;
  height: 100%;
}

.tm-video iframe {
  width: 100%;
  height: auto;
  max-height: 375px;
  height: 100%;
}

.wp-block-cover:has(.tm-cols.has-video) {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 94px;
  padding-bottom: 0px;
}

.wp-block-cover .tm-cols.has-video {
  width: 1062px;
}

@media screen and (max-width: 781px) {
  .tm-video iframe {
    height: 300px;
  }
}
.talk-money img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

.banner .banner-item {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  min-height: 35vh;
}

@media only screen and (min-width: 1030px) {
  .header ul#menu-main-menu.nav > li:hover > a {
    border-bottom: 4px solid #00974C;
  }
}
.banner .banner-item, .banner-static .banner-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 375px;
}

main#main .wp-block-cover .tm-cols.has-video h3 {
  margin-bottom: 48px;
}

@media only screen and (max-width: 781px) {
  .tm-cols.has-video {
    gap: 34px;
    margin-bottom: 0px;
  }
  .wp-block-cover:has(.tm-cols.has-video) {
    margin-top: 0px;
    padding-top: 0px;
  }
}
.nav#menu-main-menu li .sub-menu li a:hover {
  border-bottom: 0px !important;
  text-shadow: 0 0 black;
  color: black !important;
  border-bottom: 0px !important;
}

.footer #inner-footer > div:nth-child(1) {
  padding-right: 0px;
}

.gform_wrapper ul.gform_fields > li {
  padding-right: 0px !important;
}

@media screen and (max-width: 892px) {
  div#footer-bottom {
    max-width: 75vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.validation_error {
  display: none !important;
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
  width: 100% !important;
}
body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 0px solid rgba(0, 0, 0, 0) !important;
  padding: 0px !important;
}
body .gform_wrapper .validation_message {
  color: white;
  font-weight: 700;
  letter-spacing: normal;
  margin-top: -6px;
  background-color: rgba(0, 0, 0, 0);
  width: 130px;
  border-radius: 4px;
  text-align: center;
  padding: 6px !important;
  height: 25px;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper li.gfield_error textarea {
  border: 4px solid #790000 !important;
}

.is-style-wrapper {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-bottom: 0px;
}
.is-style-wrapper > * > * {
  width: 1014px;
  max-width: 90vw;
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-style-pannels-list {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.is-style-pannels-list > div.wp-block-cover__inner-container {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  max-width: 92vw;
}
.is-style-pannels-list > div.wp-block-cover__inner-container .advisory-panel-images {
  gap: 41px;
}
@media screen and (max-width: 778px) {
  .is-style-pannels-list > div.wp-block-cover__inner-container figure {
    text-align: center;
  }
  .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
    width: 100% !important;
    height: auto !important;
  }
}
.is-style-pannels-list > div.wp-block-cover__inner-container p {
  line-height: 1.667rem;
  margin-bottom: 0.5556rem;
}

.advisory-panel-content p {
  line-height: 1rem;
}

@media screen and (max-width: 780px) {
  .is-style-pannels-list > div.wp-block-cover__inner-container .advisory-panel-images .wp-block-column {
    min-width: 100%;
  }
}
.contact-us-outer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 81px;
  padding-bottom: 100px;
}
.contact-us-outer .wp-block-cover__inner-container {
  width: 965px;
  max-width: 90vw;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper {
  margin: 0px !important;
}
@media screen and (max-width: 760px) {
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message {
    min-width: auto;
    max-width: 90vw;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gform_footer {
  padding-top: 0px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gform_title {
  font-size: 1.833rem;
  line-height: 2.444rem;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message textarea {
  font-size: 0.7778rem !important;
  background-color: white;
  font-weight: 500;
  padding: 17px 8px 18px 8px !important;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  max-height: 149px;
  margin-bottom: 24px !important;
}
@media screen and (max-width: 780px) {
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message textarea {
    width: 100%;
    max-width: none;
  }
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message input[type=submit] {
  color: white !important;
  font-size: 0.8533rem;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield {
  position: relative;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  max-width: 100%;
  padding-right: 16px;
  position: absolute;
  color: #790000;
  width: 100%;
  top: -16px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield:has(.ginput_complex) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield:has(.ginput_complex) .ginput_complex {
  margin: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield:has(.ginput_complex) .ginput_complex > span {
  margin: 0px !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0px !important;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-title {
  margin-top: 0px;
  margin-bottom: 19px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details {
  gap: 10px;
  margin-bottom: -12px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details .contact-us-text {
  padding-left: 0px;
  margin-left: 0px;
}
@media screen and (max-width: 780px) {
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details .contact-us-icons img {
  margin-top: 6px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details p a {
  text-decoration: none;
  color: black;
}

.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message.contact-subscribe .gfield:has(.ginput_complex) .ginput_complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px;
}

.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message.contact-subscribe .gfield:has(.ginput_complex) .ginput_complex > span {
  width: 100%;
}

.contact-us-social-buttons {
  gap: 16px;
}
.contact-us-social-buttons a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0rem;
  height: 87px;
  width: 87px;
  border-radius: 60px;
  border: 0px solid rgba(0, 0, 0, 0);
}
@media screen and (max-width: 900px) {
  .contact-us-social-buttons a {
    height: 50px;
    width: 50px;
  }
}
.contact-us-social-buttons .contact-us-social-linkedin a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_21_1' data-name='Componente 21 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_904' data-name='Retângulo 904' width='30' height='30.667' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_82' data-name='Elipse 82' cx='43.5' cy='43.5' r='43.5' fill='%23818181'/%3E%3Cg id='Grupo_1807' data-name='Grupo 1807' transform='translate(28.5 28.167)'%3E%3Cg id='Grupo_1806' data-name='Grupo 1806' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2123' data-name='Caminho 2123' d='M8,4A4,4,0,1,1,4,0,4,4,0,0,1,8,4' fill='%23fff'/%3E%3Cpath id='Caminho_2124' data-name='Caminho 2124' d='M10.634,88.237H4.563a.3.3,0,0,1-.3-.3v-19.4a.3.3,0,0,1,.3-.3h6.071a.3.3,0,0,1,.3.3v19.4a.3.3,0,0,1-.3.3' transform='translate(-3.598 -57.57)' fill='%23fff'/%3E%3Cpath id='Caminho_2125' data-name='Caminho 2125' d='M83.972,71.972V83.305a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V73.972a3.333,3.333,0,0,0-6.667,0v9.333a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V65.972a1.337,1.337,0,0,1,1.333-1.333h4a1.337,1.337,0,0,1,1.333,1.333v.853a7.579,7.579,0,0,1,6-2.853c3.68,0,7.333,2.667,7.333,8' transform='translate(-53.972 -53.972)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-linkedin a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_21_1' data-name='Componente 21 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_904' data-name='Retângulo 904' width='30' height='30.667' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_82' data-name='Elipse 82' cx='43.5' cy='43.5' r='43.5' fill='%234dbfbd'/%3E%3Cg id='Grupo_1807' data-name='Grupo 1807' transform='translate(28.5 28.167)'%3E%3Cg id='Grupo_1806' data-name='Grupo 1806' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2123' data-name='Caminho 2123' d='M8,4A4,4,0,1,1,4,0,4,4,0,0,1,8,4' fill='%23fff'/%3E%3Cpath id='Caminho_2124' data-name='Caminho 2124' d='M10.634,88.237H4.563a.3.3,0,0,1-.3-.3v-19.4a.3.3,0,0,1,.3-.3h6.071a.3.3,0,0,1,.3.3v19.4a.3.3,0,0,1-.3.3' transform='translate(-3.598 -57.57)' fill='%23fff'/%3E%3Cpath id='Caminho_2125' data-name='Caminho 2125' d='M83.972,71.972V83.305a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V73.972a3.333,3.333,0,0,0-6.667,0v9.333a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V65.972a1.337,1.337,0,0,1,1.333-1.333h4a1.337,1.337,0,0,1,1.333,1.333v.853a7.579,7.579,0,0,1,6-2.853c3.68,0,7.333,2.667,7.333,8' transform='translate(-53.972 -53.972)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-fb a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_22_1' data-name='Componente 22 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_905' data-name='Retângulo 905' width='15.838' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_83' data-name='Elipse 83' cx='43.5' cy='43.5' r='43.5' fill='%23818181'/%3E%3Cg id='Grupo_1809' data-name='Grupo 1809' transform='translate(35.582 28.833)'%3E%3Cg id='Grupo_1808' data-name='Grupo 1808' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2126' data-name='Caminho 2126' d='M15.83,13.231l-.38,3.05a1.017,1.017,0,0,1-1.007.893H9.5V29.929Q8.719,30,7.919,30a17.633,17.633,0,0,1-3.485-.347V17.175H.633A.636.636,0,0,1,0,16.539V12.722a.636.636,0,0,1,.633-.636h3.8V6.361A6.348,6.348,0,0,1,10.769,0H15.2a.636.636,0,0,1,.634.636V4.453a.636.636,0,0,1-.634.636H12.035A2.539,2.539,0,0,0,9.5,7.633v4.453h5.321a1.018,1.018,0,0,1,1.007,1.145' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-fb a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_22_1' data-name='Componente 22 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_905' data-name='Retângulo 905' width='15.838' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_83' data-name='Elipse 83' cx='43.5' cy='43.5' r='43.5' fill='%234dbfbd'/%3E%3Cg id='Grupo_1809' data-name='Grupo 1809' transform='translate(35.582 28.833)'%3E%3Cg id='Grupo_1808' data-name='Grupo 1808' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2126' data-name='Caminho 2126' d='M15.83,13.231l-.38,3.05a1.017,1.017,0,0,1-1.007.893H9.5V29.929Q8.719,30,7.919,30a17.633,17.633,0,0,1-3.485-.347V17.175H.633A.636.636,0,0,1,0,16.539V12.722a.636.636,0,0,1,.633-.636h3.8V6.361A6.348,6.348,0,0,1,10.769,0H15.2a.636.636,0,0,1,.634.636V4.453a.636.636,0,0,1-.634.636H12.035A2.539,2.539,0,0,0,9.5,7.633v4.453h5.321a1.018,1.018,0,0,1,1.007,1.145' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-instagram a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_24_1' data-name='Componente 24 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_906' data-name='Retângulo 906' width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_85' data-name='Elipse 85' cx='43.5' cy='43.5' r='43.5' fill='%23818181'/%3E%3Cg id='Grupo_1811' data-name='Grupo 1811' transform='translate(29 29)'%3E%3Cg id='Grupo_1810' data-name='Grupo 1810' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2128' data-name='Caminho 2128' d='M22.758,0H7.24A7.243,7.243,0,0,0,0,7.241V22.759A7.243,7.243,0,0,0,7.24,30H22.758A7.243,7.243,0,0,0,30,22.759V7.241A7.243,7.243,0,0,0,22.758,0m4.655,22.241a5.174,5.174,0,0,1-5.172,5.172H7.758a5.174,5.174,0,0,1-5.173-5.172V7.759A5.174,5.174,0,0,1,7.758,2.586H22.24a5.174,5.174,0,0,1,5.172,5.172Z' transform='translate(0.001 0)' fill='%23fff'/%3E%3Cpath id='Caminho_2129' data-name='Caminho 2129' d='M58.171,50.309a7.759,7.759,0,1,0,7.759,7.759,7.761,7.761,0,0,0-7.759-7.759m0,12.931a5.172,5.172,0,1,1,5.172-5.172,5.181,5.181,0,0,1-5.172,5.172' transform='translate(-43.156 -43.068)' fill='%23fff'/%3E%3Cpath id='Caminho_2130' data-name='Caminho 2130' d='M152.583,39.039a1.552,1.552,0,1,1,1.552-1.552,1.554,1.554,0,0,1-1.552,1.552' transform='translate(-129.292 -30.764)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-instagram a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_24_1' data-name='Componente 24 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_906' data-name='Retângulo 906' width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_85' data-name='Elipse 85' cx='43.5' cy='43.5' r='43.5' fill='%234dbfbd'/%3E%3Cg id='Grupo_1811' data-name='Grupo 1811' transform='translate(29 29)'%3E%3Cg id='Grupo_1810' data-name='Grupo 1810' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2128' data-name='Caminho 2128' d='M22.758,0H7.24A7.243,7.243,0,0,0,0,7.241V22.759A7.243,7.243,0,0,0,7.24,30H22.758A7.243,7.243,0,0,0,30,22.759V7.241A7.243,7.243,0,0,0,22.758,0m4.655,22.241a5.174,5.174,0,0,1-5.172,5.172H7.758a5.174,5.174,0,0,1-5.173-5.172V7.759A5.174,5.174,0,0,1,7.758,2.586H22.24a5.174,5.174,0,0,1,5.172,5.172Z' transform='translate(0.001 0)' fill='%23fff'/%3E%3Cpath id='Caminho_2129' data-name='Caminho 2129' d='M58.171,50.309a7.759,7.759,0,1,0,7.759,7.759,7.761,7.761,0,0,0-7.759-7.759m0,12.931a5.172,5.172,0,1,1,5.172-5.172,5.181,5.181,0,0,1-5.172,5.172' transform='translate(-43.156 -43.068)' fill='%23fff'/%3E%3Cpath id='Caminho_2130' data-name='Caminho 2130' d='M152.583,39.039a1.552,1.552,0,1,1,1.552-1.552,1.554,1.554,0,0,1-1.552,1.552' transform='translate(-129.292 -30.764)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.is-style-full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.is-style-full-width > div {
  width: 1220px !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}

.policy-reports {
  gap: 119px;
  width: 1015px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
.policy-reports .policy-reports-left ul.policy-reports-list li {
  list-style: none;
  font-family: "Josephine Sans";
  font-size: 1rem;
  margin-bottom: 7px !important;
  font-weight: 500;
}

@media screen and (max-width: 782px) {
  .policy-reports-img {
    max-width: 50vw !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
  }
}
body .less-padding {
  padding-top: 88px !important;
  padding-bottom: 86px !important;
}

body div .no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.our-people-content .our-people-list-wrap .our-people-list:hover .user-list {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137) !important;
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137) !important;
}

.our-people-content .our-people-list-wrap .our-people-list .user-list:hover, .our-people-content .our-people-list-wrap .our-people-list .user-list:focus {
  opacity: 1 !important;
}

body .is-style-button-grey a.wp-block-button__link {
  background-color: #818181 !important;
  border-color: #818181 !important;
  border-radius: 4px !important;
  padding: 4px 50px !important;
  height: 36px;
}
body .is-style-button-grey a.wp-block-button__link:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
}

@media screen and (min-width: 901px) {
  body .wwd-list-items.list-has-percentages {
    gap: 33.14px;
  }
}
body .wwd-list-items.list-has-percentages h3 {
  margin-top: 24px;
}
body .wwd-list-items.list-has-percentages .wp-block-column .wp-block-image {
  top: -92px;
}
body .wwd-list-items.list-has-percentages .wp-block-column .wwd-grey {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .wwd-list-items.list-has-percentages p.has-text-align-center.narrow-card {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  max-width: 98%;
}

.set-width-911 {
  width: 1014px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 90vw !important;
}

.policy-reports-img figcaption {
  margin-top: -9px !important;
  font-size: 0.7778rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 500;
}

.no-margin {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.entry-content .our-impact.light-grey-bg {
  background-color: #FAFAFA;
}

body .less-padding.no-bottom-padding {
  padding-bottom: 0px !important;
}

.entry-content .our-impact.smaller-impacts .has-counters {
  width: 1185.35px;
  max-width: 90vw;
}
@media screen and (max-width: 1060px) {
  .entry-content .our-impact.smaller-impacts .has-counters {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 564px) {
  .entry-content .our-impact.smaller-impacts .has-counters {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.entry-content .our-impact.smaller-impacts .impact-item {
  padding: 77px 31px 61px;
}
@media screen and (min-width: 1208px) {
  .entry-content .our-impact.smaller-impacts .impact-item {
    padding: 77px 12px 98px;
  }
}
.entry-content .our-impact.smaller-impacts .impact-item h3 {
  font-size: 1.8333rem;
  font-weight: bold !important;
}
@media screen and (min-width: 1208px) {
  .entry-content .our-impact.smaller-impacts .impact-item h3 {
    gap: 33.14px;
  }
}
@media screen and (min-width: 1060px) {
  .entry-content .our-impact.smaller-impacts .impact-item p {
    height: 2.5rem;
  }
}

.entry-content .our-impact.smaller-impacts .impact-item {
  padding: 77px 31px 98px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.entry-content .our-impact.height-100 .impact-item {
  height: 100%;
}

h3.policy-reports-subtitle + h3 {
  margin-top: -21px !important;
  font-weight: 600;
}

.narrower-text > p {
  max-width: 90%;
}

.grants-list-content .wrap.cf, .grants-list-content .wrap.comment-respond {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 79px;
  width: 100%;
  max-width: 92vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.grants-list-content .wrap.cf:before, .grants-list-content .wrap.comment-respond:before {
  display: none;
}
.grants-list-content .wrap.cf h3.grants-section-title, .grants-list-content .wrap.comment-respond h3.grants-section-title,
.grants-list-content .wrap.cf .grants-menu-titles h2,
.grants-list-content .wrap.comment-respond .grants-menu-titles h2 {
  font-size: 1.4667rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.grants-list-content .wrap.cf .grants-menu, .grants-list-content .wrap.comment-respond .grants-menu {
  background-color: #FAFAFA;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 31.1%;
          flex: 1 0 31.1%;
  padding: 30px 0px 30px 19px;
}
@media (max-width: 900px) {
  .grants-list-content .wrap.cf .grants-menu, .grants-list-content .wrap.comment-respond .grants-menu {
    display: none !important;
  }
}
.grants-list-content .wrap.cf .grants-menu p, .grants-list-content .wrap.comment-respond .grants-menu p {
  font-size: 1.1667rem;
  margin-bottom: 30px;
  line-height: 1.556rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-left: 19px;
  width: calc(100% - 12px);
}
.grants-list-content .wrap.cf .grants-menu p:hover, .grants-list-content .wrap.comment-respond .grants-menu p:hover {
  opacity: 0.7;
}
.grants-list-content .wrap.cf .grants-list, .grants-list-content .wrap.comment-respond .grants-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 62%;
          flex: 1 0 62%;
  min-height: 0; /* allow shrinking */
  overflow-y: auto; /* will scroll once JS sets max-height */
  padding-top: 34px;
}
.grants-list-content .wrap.cf .grants-list .scroll-to-top, .grants-list-content .wrap.comment-respond .grants-list .scroll-to-top {
  position: absolute;
  top: 16px;
  right: 46px;
  font-size: 0.7778rem;
  color: #00974C;
  cursor: pointer;
  text-decoration: underline;
}
.grants-list-content .wrap.cf .grants-list .scroll-to-top:hover, .grants-list-content .wrap.comment-respond .grants-list .scroll-to-top:hover {
  opacity: 0.7;
}
.grants-list-content .wrap.cf .grants-list .grants-section-title, .grants-list-content .wrap.comment-respond .grants-list .grants-section-title {
  margin-bottom: 36px;
}
.grants-list-content .wrap.cf .grants-list .grant-item:has(.grant-image), .grants-list-content .wrap.comment-respond .grants-list .grant-item:has(.grant-image) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46px;
}
.grants-list-content .wrap.cf .grants-list .grant-item h4.grant-title, .grants-list-content .wrap.comment-respond .grants-list .grant-item h4.grant-title {
  margin-top: 0px;
  font-size: 1.166665rem;
  line-height: 1.667rem;
  margin-bottom: 24px;
}
.grants-list-content .wrap.cf .grants-list .grant-item .grant-image img, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-image img {
  width: 200px;
  max-width: 17vw;
}
.grants-list-content .wrap.cf .grants-list .grant-item p.grant-dates, .grants-list-content .wrap.comment-respond .grants-list .grant-item p.grant-dates {
  color: #818181;
  font-size: 0.89rem;
  text-transform: uppercase;
}
.grants-list-content .wrap.cf .grants-list .grant-item .grant-description p, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description p, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description span, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description span {
  color: black;
  font-weight: 500 !important;
}
.grants-list-content .wrap.cf .grants-list .grant-item .grant-description p a, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description p a, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description p a span, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description p a span, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description span a, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description span a, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description span a span, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description span a span {
  text-decoration: none;
  color: #2D2B64 !important;
}
.grants-list-content .wrap.cf .grants-list .grant-item, .grants-list-content .wrap.comment-respond .grants-list .grant-item {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 75px;
}
@media (max-width: 900px) {
  .grants-list-content .wrap.cf, .grants-list-content .wrap.comment-respond {
    display: block;
  }
  .grants-list-content .grants-list {
    max-height: none !important;
    overflow: visible;
  }
}

.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  color: white;
  border: none;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 4px 12px rgba(0, 151, 76, 0.3);
          box-shadow: 0 4px 12px rgba(0, 151, 76, 0.3);
  top: 40px;
  right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50.482' height='50.482' viewBox='0 0 50.482 50.482'%3E%3Cg id='Grupo_1935' data-name='Grupo 1935' transform='translate(-1360 -811.518)'%3E%3Ccircle id='Elipse_133' data-name='Elipse 133' cx='22' cy='22' r='22' transform='translate(1363 815)' fill='%23fff'/%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M25.8.563A25.241,25.241,0,1,1,.563,25.8,25.237,25.237,0,0,1,25.8.563ZM22.862,15.178l7.684,7.369H11.962a2.437,2.437,0,0,0-2.443,2.443v1.628a2.437,2.437,0,0,0,2.443,2.443H30.546l-7.684,7.369a2.445,2.445,0,0,0-.041,3.491l1.12,1.109a2.433,2.433,0,0,0,3.45,0L40.9,27.534a2.433,2.433,0,0,0,0-3.45L27.391,10.567a2.433,2.433,0,0,0-3.45,0l-1.12,1.109A2.457,2.457,0,0,0,22.862,15.178Z' transform='translate(1359.438 862.563) rotate(-90)' fill='%234dbfbd'/%3E%3C/g%3E%3C/svg%3E");
  font-size: 0px;
  color: rgba(0, 0, 0, 0);
}
.scroll-to-top:hover {
  background-color: rgb(0, 100, 50.3311258278);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 6px 16px rgba(0, 151, 76, 0.4);
          box-shadow: 0 6px 16px rgba(0, 151, 76, 0.4);
}
.scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 900px) {
  .scroll-to-top {
    display: none !important;
  }
}

.is-style-button-grey a {
  color: white !important;
}

.wrap.cf.wide-content > .wp-block-group__inner-container, .wrap.wide-content.comment-respond > .wp-block-group__inner-container {
  width: 1220px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1100px) {
  .col-icons-4 {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    row-gap: 0px;
  }
}
@media (max-width: 580px) {
  .col-icons-4 {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
}
.policy-reports.policy-wider {
  gap: 28px;
}

.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
  margin-bottom: 0;
  gap: 36px;
}

.col-icons-4 {
  gap: 36px !important;
}

.grant-item:has(.grant-number) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 33px;
}
.grant-item:has(.grant-number) .grant-number p {
  height: 70px;
  width: 70px;
  border-radius: 44px 44px 44px 0px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.833rem;
  font-weight: 800;
}
.grant-item:has(.grant-number) .grant-number p.blue-num {
  background-color: #4DBFBD;
}
.grant-item:has(.grant-number) .grant-number p.purple-num {
  background-color: #944995;
}

.grant-description ul li {
  list-style: disc;
  font-family: "Josephine Sans";
  font-weight: 500;
  margin-left: 21px;
}

.grant-partners {
  width: 1014px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}
.grant-partners h3 {
  font-size: 1.46667rem;
  margin-bottom: 0px !important;
}
.grant-partners h4 {
  font-size: 1.16667rem;
  margin-top: 7px;
  font-weight: 500;
  font-style: italic;
}
.grant-partners .grant-partners-columns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 94px;
}

.special-form-cols {
  width: 1014px;
  max-width: 92vw;
  background-color: #E0E0E0;
  border-radius: 150px 0px 150px 150px;
}
@media screen and (max-width: 780px) {
  .special-form-cols {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    border-radius: 53px 73px 75px 75px !important;
  }
}
.special-form-cols .special-form-col-left {
  border-radius: 150px 150px 150px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 780px) {
  .special-form-cols .special-form-col-left {
    border-radius: 50px 50px 0px 0px;
    padding-top: 20px;
  }
}
.special-form-cols .special-form-cols-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.special-form-cols .special-form-cols-center img {
  margin: 0px;
}
.special-form-cols .special-form-cols-center h3, .special-form-cols .special-form-cols-center p {
  font-size: 1.46667rem;
}
.special-form-cols .special-form-cols-center h3 {
  margin-bottom: 10px;
}
@media screen and (max-width: 780px) {
  .special-form-cols .special-form-cols-center p {
    margin-bottom: -22px;
  }
}
@media screen and (max-width: 780px) {
  .special-form-cols .special-form-cols-center {
    text-align: center;
  }
}
.special-form-cols .ginput_complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.special-form-cols .ginput_complex span {
  width: 100% !important;
  max-width: 100%;
}
.special-form-cols .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
  background-color: white;
}

.logo-grid {
  width: 1176px;
  max-width: 92vw;
  gap: 48px;
  margin-bottom: 72px;
  row-gap: 10px;
}
@media screen and (max-width: 780px) {
  .logo-grid {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }
}
.logo-grid .force-height figure img {
  width: 293px;
  max-height: 73px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.narrowest {
  width: 853px;
  max-width: 90vw;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gform_wrapper h3.gform_title {
  display: none !important;
}

.upcoming-event-block {
  width: 1006px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  padding-bottom: 50px;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 50px;
}
@media screen and (max-width: 770px) {
  .upcoming-event-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0px;
  }
}
.upcoming-event-block .event-thumb {
  -webkit-box-flex: 39%;
      -ms-flex: 39%;
          flex: 39%;
}
.upcoming-event-block .event-thumb img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  min-height: 397px;
}
.upcoming-event-block .event-details {
  -webkit-box-flex: 61%;
      -ms-flex: 61%;
          flex: 61%;
}
.upcoming-event-block .event-details .event-title {
  font-size: 1.1667rem;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.6667rem;
  color: black;
  font-family: "Josephine Sans";
  font-weight: bold;
}
.upcoming-event-block .event-details .event-date-category {
  margin-top: 7px;
  color: #818181;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8889rem;
  line-height: 30px;
  margin-bottom: 20px;
}

body .wwd-list-items.list-has-percentages.wwd-list-items-narrower {
  gap: 18.24px;
}
body .wwd-list-items.list-has-percentages.wwd-list-items-narrower > div {
  margin-left: 0px !important;
}
body .wwd-list-items.list-has-percentages.wwd-list-items-narrower img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 781px) {
  body .wwd-list-items.list-has-percentages.wwd-list-items-narrower {
    gap: 144px;
    margin-top: 140px;
  }
}
body .wwd-list-items.list-has-percentages.wwd-list-items-narrower .wwd-grey .wp-block-group__inner-container {
  height: 100%;
}

.image-white-circle {
  background-color: white;
  padding: 90px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 961px) {
  .image-white-circle {
    padding: 50px;
  }
}
.image-white-circle img {
  margin: 0px;
}

@media screen and (max-width: 780px) {
  .wp-block-cover__inner-container:has(.image-white-circle) .image-white-circle {
    width: 90vw;
    max-width: 400px;
    text-align: center;
  }
}
body .wwd-list-items h3 em {
  font-weight: 500;
}

body .wp-block-image figcaption {
  text-align: center;
  margin-top: -14px;
}

.wp-block-columns.wwd-list-items.only-2 {
  width: 821.72px;
  gap: 50px;
}

.center-all.is-style-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wp-block-column.center-content figure.aligncenter.size-full {
  text-align: center;
}

@media screen and (max-width: 830px) {
  .wp-block-columns.has-three-buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 19px;
  }
  .wp-block-columns.has-three-buttons > div {
    margin-left: 0px !important;
    text-align: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-columns.has-three-buttons {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.wp-block-column.has-three-buttons-left.center-button .wp-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wwd-list-items .wp-block-column .wp-block-group.wwd-grey.center-content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.center-content {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.is-style-pannels-list img {
  margin-bottom: 16px;
}

.user-bio-content span {
  font-family: "Josephine Sans";
  font-size: 1rem;
  line-height: 30px;
  font-weight: 500 !important;
}

.wp-block-column.is-vertically-aligned-center.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
  padding: 0px 0px;
}

.wp-container-core-buttons-is-layout-8e8a235c > div {
  width: 87px;
}

.is-style-no-margin {
  margin: 0px !important;
}

/* New menu */
p.menu-clickable.menu-active {
  color: #944995;
  border-bottom: 6px solid #944995;
}

p.menu-clickable:not(.menu-active) {
  cursor: pointer;
}

p.menu-clickable:not(.menu-active):hover {
  color: #944995;
}

p.menu-clickable {
  font-size: 1.4667rem;
  font-family: "Josephine Sans";
  font-weight: 700;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  margin-bottom: 0px;
  padding-bottom: 26px;
}

.menu-multiple {
  border-bottom: 1px #707070 solid;
}

.ecstra_block.grants-list-content.many-grants:not(.grant-active) {
  display: none;
}

@media screen and (max-width: 880px) {
  p.menu-clickable.menu-active {
    border-bottom: 0px !important;
    padding-bottom: 0px;
  }
}
.single-post-body {
  width: 808px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

h1.entry-title.single-title {
  font-size: 1.833rem;
  line-height: 2.44rem;
}

.meta-intro p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.single-post .ecstra_block.latest-resources-content h2 {
  font-size: 1.4667rem !important;
  padding-left: 0px;
  text-align: center !important;
}

.post-thumbnail {
  position: relative;
}

div#linkedin-share {
  height: 25px;
  width: 25px;
  position: absolute;
  left: -46px;
  top: 0;
}

@media screen and (max-width: 882px) {
  div#linkedin-share {
    position: initial;
  }
}
@media screen and (max-width: 781px) {
  .talk-money {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
    margin-left: 0px;
  }
  .wp-block-columns.tm-cols.wrapper-narrow.has-video {
    display: -ms-grid;
    display: grid;
  }
}
.banner.slick-slider.slick-initialized {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item {
  background-size: contain !important;
}

.wp-block-column.is-vertically-aligned-center.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
  padding: 0px 0px;
}

/* Posts - sunday */
.single-post-body {
  width: 808px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

h1.entry-title.single-title {
  font-size: 1.833rem;
  line-height: 2.44rem;
}

.meta-intro p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.single-post .ecstra_block.latest-resources-content h2 {
  font-size: 1.4667rem !important;
  padding-left: 0px;
  text-align: center !important;
}

.post-thumbnail {
  position: relative;
}

div#linkedin-share {
  height: 25px;
  width: 25px;
  position: absolute;
  left: -46px;
  top: 0;
}

div#linkedin-share a {
  width: 25px;
  height: 25px;
  display: block;
}

@media screen and (max-width: 882px) {
  div#linkedin-share {
    position: initial;
  }
}
.logo-grid img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.caption-left figcaption {
  text-align: left !important;
}

body .grants-list-content .wrap.cf .grants-menu p, body .grants-list-content .wrap.comment-respond .grants-menu p {
  font-size: 1rem;
}

.blog #inner-content {
  width: 100vw;
}

.blog h2 {
  margin-top: 100px;
  text-align: center;
  font-size: 1.4667rem;
  margin-bottom: 49px;
  max-width: 90vw;
}

.blog-buttons {
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.083%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 99px;
}

.blog-button {
  background-color: #2D2B64;
  padding: 10px 50px;
}

.blog-button a {
  color: white;
  text-decoration: none;
  font-family: "Josephine Sans";
  font-weight: 500;
  font-size: 0.8533rem;
  text-align: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 169px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-button:has(a:hover) {
  background-color: #4DBFBD;
}

@media screen and (max-width: 887px) {
  .blog-buttons {
    gap: 19px;
    max-width: 90vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 400px) {
  .blog-button {
    background-color: #2D2B64;
    padding: 10px 10px;
  }
  .blog-button a {
    width: 169px;
  }
}
.article-container.blog-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.ecstra_block.latest-resources-content.resources {
  background-color: #FAFAFA !important;
  padding-top: 100px;
}

.blog ul.page-numbers {
  background-color: rgba(0, 0, 0, 0);
  margin: 0px;
}

.blog .page-numbers {
  font-size: 1rem;
  font-family: "Josephine Sans";
  line-height: normal;
  padding: 0px 15px;
  color: #808080;
}

.blog span.page-numbers.current {
  color: black;
  font-weight: 500;
}

a.page-numbers:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #2D2B64;
  text-shadow: 0 0 #2D2B64;
}

.blog .latest-resources-content .article-container article .info h3 {
  height: 3.6rem !important;
}

.post-type {
  background-color: #4DBFBD;
  display: inline-block;
  padding: 10px;
  font-size: 0.7778rem;
  color: white;
  font-family: "Josephine Sans";
  font-weight: 500;
  -webkit-transform: translate(0px, -9px);
          transform: translate(0px, -9px);
}

.pagination li:has(.next) {
  border-right: 0px;
}

.blog-filter-bar {
  background-color: #2D2B64;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 36px;
  padding-bottom: 36px;
}

.blog-filter-wrap {
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}

.blog-filter-wrap h3 {
  color: white;
  font-size: 1.8333rem;
  line-height: normal;
}

button.filter-submit {
  background-color: #818181;
  border-radius: 4px;
  color: white;
  font-family: "Josephine Sans";
  font-weight: 500;
  font-size: 0.8533rem;
  padding: 10px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #818181;
}

button.filter-submit:hover {
  background-color: #4DBFBD;
  border: 1px solid #4DBFBD;
}

.blog-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

form.blog-filter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

form.blog-filter-form select {
  margin: 0px;
  height: 36px;
  width: 250px;
  font-family: "Josephine Sans";
  color: #000000;
  font-weight: 400;
  font-size: 0.85333rem;
  background-color: white;
}

@media screen and (max-width: 890px) {
  .blog-filter-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 890px) {
  .article-container.blog-container {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 890px) {
  .article-container.blog-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 470px) {
  form.blog-filter-form {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}
.blog-filter-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  height: 42px;
  padding: 0 40px 0 14px; /* space for arrow on right */
  font-family: inherit;
  font-size: 14px;
  line-height: 42px;
  color: #333;
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 10px;
  cursor: pointer;
  /* Add SVG arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.405' height='9.287' viewBox='0 0 15.405 9.287'%3E%3Cpath d='M2 2l5.583 5.131 5.583-5.131' fill='none' stroke='%23818181' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
}

/* Hide default dropdown arrow on old IE/Edge */
.blog-filter-form select::-ms-expand {
  display: none;
}

/* Optional hover/focus styling */
.blog-filter-form select:focus {
  outline: none;
  border-color: #A5A5A5;
}

/**
 * Modal styling
 * @author Brafton (Archir M)
 *
 */
.close-modal {
  color: #E06341;
  background: #ffffff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 1px 16px;
  text-decoration: none;
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58'%3E%3Cg id='Grupo_1163' data-name='Grupo 1163' transform='translate(-1102 -128)'%3E%3Ccircle id='Elipse_13' data-name='Elipse 13' cx='29' cy='29' r='29' transform='translate(1102 128)' fill='%23fff'/%3E%3Cg id='Grupo_749' data-name='Grupo 749' transform='translate(10559.042 -2132.565) rotate(-3)'%3E%3Cline id='Linha_25' data-name='Linha 25' x2='20' y2='25' transform='translate(-9544.5 1781.5)' fill='none' stroke='%23e06341' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linha_26' data-name='Linha 26' y1='23' x2='23' transform='translate(-9546.5 1782.5)' fill='none' stroke='%23e06341' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.close-modal:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58'%3E%3Cg id='Grupo_1163' data-name='Grupo 1163' transform='translate(-1102 -128)'%3E%3Ccircle id='Elipse_13' data-name='Elipse 13' cx='29' cy='29' r='29' transform='translate(1102 128)' fill='%23e06341'/%3E%3Cg id='Grupo_749' data-name='Grupo 749' transform='translate(10559.042 -2132.565) rotate(-3)'%3E%3Cline id='Linha_25' data-name='Linha 25' x2='20' y2='25' transform='translate(-9544.5 1781.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linha_26' data-name='Linha 26' y1='23' x2='23' transform='translate(-9546.5 1782.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(81, 94, 123, 0.5);
  width: 100%;
  height: 100%;
  display: none;
  overflow: clip;
  cursor: auto;
  pointer-events: none;
}
.modal * {
  pointer-events: auto;
}

.modal-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px auto 0;
  padding-top: 109px;
  padding-left: 78px;
  padding-bottom: 78px;
  padding-right: 68px;
  position: relative;
  max-width: 1088px;
  width: 94%;
  background-color: #F1F2F2;
  border: 1px solid #4DBFBD;
  -webkit-box-shadow: 6px 12px 24px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 6px 12px 24px rgba(0, 0, 0, 0.1607843137);
  gap: 51.86px;
}
@media only screen and (min-width: 768px) {
  .modal-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

html {
  font-size: 18px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
body h1 {
  font-size: 1.87rem;
}
body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
body .wwd-list-items h3 {
  margin-bottom: 6px;
}
body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
body .gform_wrapper ul li.gfield,
body .ginput_container.ginput_container_email,
body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
body li#field_1_1 {
  margin-bottom: -8px !important;
}

body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}

body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}

/*.banner, 
.banner-static {
    //height: 520px; 
    max-height: auto;
    margin: 0 calc(50% - 50vw) 0;
    padding: 0;
    position: relative;
    width: 100vw;
    margin-bottom:1.5rem;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;

    .banner-item {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        min-height: 355px;
    }
}*/
/* Banner slider */
.banner .banner-content {
  color: #ffffff;
  max-width: 635px;
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media screen and (max-width: 480px) {
  .banner .banner-content {
    top: 20%;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
}
@media screen and (max-width: 767px) {
  .banner .banner-content {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .banner .banner-content {
    padding-left: 110px;
  }
}
.banner .banner-content h1,
.banner .banner-content h2 {
  font-size: 42px;
  line-height: 53px;
}
.banner .banner-content h3,
.banner .banner-content h4,
.banner .banner-content h5 {
  line-height: 1.4em;
}
.banner .banner-content .button {
  margin-top: 40px;
}
.banner.slick-slider {
  opacity: 0;
  visibility: hidden;
}
.banner.slick-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.banner .slick-dots li button:before {
  color: #E0E0E0;
  font-size: 50px;
}
.banner .slick-dots li:only-child {
  display: none;
}
.banner .slick-dots li.slick-active button:before {
  color: #4DBFBD;
  font-size: 50px;
}

/** Static banner **/
/*.banner-static {

    .banner-content {
        color: $white;
        max-width: 635px;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

        @media screen and (max-width:480px) {
            top: 20%;
            transform: translateY(20%);
        }

        @media screen and (max-width:767px) {
            text-align: center;
            max-width: 100%;
            width: 100%;
        }

        @media screen and (min-width:768px) {
            //padding-left: 110px; 
            //padding-right: 110px;
        }

        h1, 
        h2 {
            //color: $white;
            font-size: 42px; 
            line-height: 53px;
            margin-bottom: 30px;
        }

        h3, 
        h4, 
        h5 {
            line-height: 1.4em;
        }

        .button {
            margin-top: 40px;
        }
    }
}*/
@media screen and (max-width: 867px) {
  .banner .banner-item {
    min-height: 220px;
  }
}
@media screen and (max-width: 520px) {
  .banner .banner-item {
    min-height: 140px;
  }
}
@media screen and (max-width: 1030px) {
  .header #logo img {
    max-width: 170px;
  }
  .header nav {
    width: calc(100% - 200px);
  }
}
.ecstra_block.banner-static {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-position: left;
}
.ecstra_block.banner-static div.banner-item {
  background-position: left;
}
.ecstra_block.banner-static div.banner-item .wrap.cf, .ecstra_block.banner-static div.banner-item .wrap.comment-respond {
  width: 1300px;
  max-width: 90vw;
  padding-top: 90px;
}
.ecstra_block.banner-static div.banner-item .wrap.cf .banner-content h1, .ecstra_block.banner-static div.banner-item .wrap.comment-respond .banner-content h1 {
  color: white;
  font-size: 3rem;
  font-weight: 600;
}
@media screen and (max-width: 670px) {
  .ecstra_block.banner-static div.banner-item {
    min-height: 180px;
  }
}

.banner.slick-slider.slick-initialized {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item {
  background-size: contain !important;
}

/* ==========================================================================
 CUSTOM BLOCKS
========================================================================== */
.ecstra_block {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Variables

  Here is where we declare all our variables like colors, fonts,
  base values, and defaults. We want to make sure this file ONLY
  contains variables that way our files don't get all messy.
  No one likes a mess.

  ******************************************************************/
  /*********************
  COLORS
  Need help w/ choosing your colors? Try this site out:
  http://0to255.com/
  *********************/
  /*
  Here's a great tutorial on how to
  use color variables properly:
  http://sachagreif.com/sass-color-variables/
  */
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Typography

  Need to import a font or set of icons for your site? Drop them in
  here or just use this to establish your typographical grid. Or not.
  Do whatever you want to...GOSH!

  Helpful Articles:
  http://trentwalton.com/2012/06/19/fluid-type/
  http://ia.net/blog/responsive-typography-the-basics/
  http://alistapart.com/column/responsive-typography-is-a-physical-discipline

  ******************************************************************/
  /*********************
  FONT FACE (IN YOUR FACE)
  *********************/
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.ecstra_block {
  /*
  The following is based of Typebase:
  https://github.com/devinhunt/typebase.css
  I've edited it a bit, but it's a nice starting point.
  */
  /*
  some nice typographical defaults
  more here: http://www.newnet-soft.com/blog/csstypography
  */
}
.ecstra_block p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}
.ecstra_block html {
  font-size: 18px;
}
.ecstra_block body h1, .ecstra_block body h2, .ecstra_block body h3, .ecstra_block body h4, .ecstra_block body h5, .ecstra_block body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
.ecstra_block body h1 {
  font-size: 1.87rem;
}
.ecstra_block body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
.ecstra_block body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
.ecstra_block body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
.ecstra_block body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
.ecstra_block body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
.ecstra_block body .wwd-list-items h3 {
  margin-bottom: 6px;
}
.ecstra_block body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
.ecstra_block body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
.ecstra_block body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
.ecstra_block body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
.ecstra_block body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
.ecstra_block body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
.ecstra_block body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
.ecstra_block body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
.ecstra_block body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
.ecstra_block body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
.ecstra_block body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
.ecstra_block body .gform_wrapper ul li.gfield,
.ecstra_block body .ginput_container.ginput_container_email,
.ecstra_block body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
.ecstra_block body li#field_1_1 {
  margin-bottom: -8px !important;
}
.ecstra_block body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}
.ecstra_block body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}
.ecstra_block .latest-resources-content {
  /*background-color: $light-gray;*/
  color: #000000;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 126px 0;
  text-align: left;
  width: 100vw;
}
.ecstra_block .latest-resources-content .article-container {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ecstra_block .latest-resources-content .article-container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.ecstra_block .latest-resources-content .article-container article {
  background-color: white;
  display: block;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 30px;
  overflow: clip;
  background-color: white !important;
}
@media screen and (min-width: 768px) {
  .ecstra_block .latest-resources-content .article-container article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex: 0 1 calc(33.3333% - 0.83333em);
        flex: 0 1 calc(33.3333% - 0.83333em);
  }
}
.ecstra_block .latest-resources-content .article-container article .size-latest-resources-thumb {
  height: 220px;
  width: 100%;
}
.ecstra_block .latest-resources-content .article-container article .info {
  padding-left: 30px;
  padding-right: 30px;
}
.ecstra_block .latest-resources-content .article-container article .info .heading {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.5625em;
}
.ecstra_block .latest-resources-content .article-container article .info .heading a {
  text-decoration: none;
}
.ecstra_block .latest-resources-content .article-container article .info .heading a:hover, .ecstra_block .latest-resources-content .article-container article .info .heading a:focus {
  color: #00974c;
  text-decoration: none;
}
.ecstra_block .latest-resources-content .article-container article .info .meta-time {
  color: #00974c;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 0.6875em;
  line-height: 1.25em;
}
.ecstra_block .latest-resources-content .article-container article .summary {
  font-size: 0.875em;
  line-height: 1.25em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.ecstra_block .latest-resources-content .article-container article .link {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
}
.ecstra_block .latest-resources-content .article-container article .link a {
  color: #1d5492;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.875em;
  text-decoration: none;
}
.ecstra_block .latest-resources-content .article-container article .link a:hover, .ecstra_block .latest-resources-content .article-container article .link a:focus {
  color: #00974c;
  text-decoration: none;
}
.ecstra_block {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Variables

  Here is where we declare all our variables like colors, fonts,
  base values, and defaults. We want to make sure this file ONLY
  contains variables that way our files don't get all messy.
  No one likes a mess.

  ******************************************************************/
  /*********************
  COLORS
  Need help w/ choosing your colors? Try this site out:
  http://0to255.com/
  *********************/
  /*
  Here's a great tutorial on how to
  use color variables properly:
  http://sachagreif.com/sass-color-variables/
  */
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Typography

  Need to import a font or set of icons for your site? Drop them in
  here or just use this to establish your typographical grid. Or not.
  Do whatever you want to...GOSH!

  Helpful Articles:
  http://trentwalton.com/2012/06/19/fluid-type/
  http://ia.net/blog/responsive-typography-the-basics/
  http://alistapart.com/column/responsive-typography-is-a-physical-discipline

  ******************************************************************/
  /*********************
  FONT FACE (IN YOUR FACE)
  *********************/
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.ecstra_block {
  /*
  The following is based of Typebase:
  https://github.com/devinhunt/typebase.css
  I've edited it a bit, but it's a nice starting point.
  */
  /*
  some nice typographical defaults
  more here: http://www.newnet-soft.com/blog/csstypography
  */
}
.ecstra_block p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}
.ecstra_block html {
  font-size: 18px;
}
.ecstra_block body h1, .ecstra_block body h2, .ecstra_block body h3, .ecstra_block body h4, .ecstra_block body h5, .ecstra_block body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
.ecstra_block body h1 {
  font-size: 1.87rem;
}
.ecstra_block body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
.ecstra_block body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
.ecstra_block body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
.ecstra_block body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
.ecstra_block body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
.ecstra_block body .wwd-list-items h3 {
  margin-bottom: 6px;
}
.ecstra_block body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
.ecstra_block body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
.ecstra_block body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
.ecstra_block body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
.ecstra_block body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
.ecstra_block body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
.ecstra_block body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
.ecstra_block body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
.ecstra_block body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
.ecstra_block body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
.ecstra_block body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
.ecstra_block body .gform_wrapper ul li.gfield,
.ecstra_block body .ginput_container.ginput_container_email,
.ecstra_block body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
.ecstra_block body li#field_1_1 {
  margin-bottom: -8px !important;
}
.ecstra_block body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}
.ecstra_block body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}
.ecstra_block .call-to-action {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #000000;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 7.5em 0;
  text-align: left;
  width: 100vw;
}
.ecstra_block .call-to-action h2 {
  line-height: 1.2;
}
.ecstra_block .call-to-action .cta-content {
  max-width: 100%;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ecstra_block .call-to-action .cta-content {
    text-align: unset;
    max-width: 570px;
  }
}
/* ==========================================================================
 PRINT STYLESHEET
 Feel free to customize this. Remember to add things that won't make
 sense to print at the bottom. Things like nav, ads, and forms should
 be set to display none.
========================================================================== */
@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}
@media screen and (max-width: 781px) {
  .talk-money {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
    margin-left: 0px;
  }
  .wp-block-columns.tm-cols.wrapper-narrow.has-video {
    display: -ms-grid;
    display: grid;
  }
}
.wwd-grey h3 + p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* ==========================================================================
 LARGER MOBILE DEVICES
 This is for devices like the Galaxy Note or something that's
 larger than an iPhone but smaller than a tablet. Let's call them
 tweeners.
========================================================================== */
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 481px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.

  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.

  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
  }
  .menu ul {
    /* end current highlighters */
  }
  .menu {
    /* end .menu ul */
  } /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
/* ==========================================================================
 LARGER MOBILE DEVICES / 600px and up
 This is for devices like the Galaxy Note or something that's
 larger than an iPhone but smaller than a tablet. Let's call them
 tweeners.
========================================================================== */
@media only screen and (min-width: 600px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 600px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.

  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.

  ******************************************************************/
}
/* ==========================================================================
 TABLET & SMALLER LAPTOPS
 This is the average viewing window. So Desktops, Laptops, and
 in general anyone not viewing on a mobile device. Here's where
 you can add resource intensive styles.
========================================================================== */
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Tablet & Small Desktop Stylesheet

  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!

  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 760px;
  }
  /*********************
  HEADER STYLES
  *********************/
  .header {
    padding: 40px 0 35px;
  }
  .header #mobi-menu-trigger {
    margin: 10px 0 0;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  .nav {
    border: 0;
  }
  .nav ul {
    margin-top: 0;
  }
  .nav li {
    float: left;
    position: relative;
  }
  .nav li a {
    border-bottom: 0;
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  .nav li a:hover, .nav li a:focus {
    color: #ffffff;
    text-decoration: underline;
  }
  .nav li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    background-color: #1d5492;
    margin-top: 0;
    border: 0;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 20px;
    padding-right: 20px;
    border-right: 0;
    color: #ffffff !important;
    display: block;
    width: 220px;
    border-bottom: 1px solid #4DBFBD;
  }
  .nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
  .nav li ul.children li a:hover,
  .nav li ul.children li a:focus {
    color: #4DBFBD !important;
    text-decoration: none;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    /* highlight sub-menu current page */
  }
  .nav li {
    /* showing sub-menus */
  }
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }
  .nav {
    /* end .menu ul li */
    /* highlight current page */
  }
  .nav {
    /* end current highlighters */
    /* Footer */
  }
  .nav#menu-footer-menu {
    margin: 0;
    padding: 0;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
  .nav#menu-footer-menu li {
    float: none;
    list-style-type: none;
  }
  .nav#menu-footer-menu li a {
    font-family: "Josephine Sans", Arial, sans-serif;
    text-decoration: none;
    padding: 0;
  }
  .nav#menu-footer-menu li a:hover, .nav#menu-footer-menu li a:focus {
    text-decoration: underline;
  }
  /* end .nav */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em;
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
  }
  .widget ul li {
    /* deep nesting */
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  .footer #inner-footer {
    text-align: left;
  }
  .footer ul.social-links {
    display: inline-block;
    width: 100%;
  }
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */
  }
  /* end .footer-links */
}
/* ==========================================================================
 DESKTOP
 This is the average viewing window. So Desktops, Laptops, and
 in general anyone not viewing on a mobile device. Here's where
 you can add resource intensive styles.
========================================================================== */
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Desktop Stylsheet

  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.

  ******************************************************************/
  .wrap {
    width: 1040px;
  }
  /* */
  .header nav {
    float: right;
    width: calc(100% - 300px);
  }
  .header nav ul.nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .header ul#menu-main-menu.nav li:hover > a {
    border-bottom: 4px solid #00974C;
  }
  .header #mobi-menu-trigger {
    display: none;
  }
  /* */
  .nav {
    border: 0;
  }
  .nav ul {
    margin-top: 0;
  }
  .nav li {
    float: left;
    position: relative;
  }
  .nav li a {
    border-bottom: 0;
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }
  .nav li a:hover, .nav li a:focus {
    color: #ffffff;
    text-decoration: underline;
  }
  .nav li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    background-color: white;
    margin-top: 0;
    border: 0;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    color: #000000 !important;
    text-decoration: none;
    font-family: "Josephine Sans";
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    border-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
  }
  .nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
  .nav li ul.children li a:hover,
  .nav li ul.children li a:focus {
    color: #4DBFBD !important;
    text-decoration: none;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
    if you need to go deeper, go nuts
    just remember deeper menus suck
    for usability. k, bai.
    */
  }
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    /* highlight sub-menu current page */
  }
  .nav li {
    /* showing sub-menus */
  }
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }
  .nav {
    /* end .menu ul li */
    /* highlight current page */
  }
  .nav {
    /* end current highlighters */
    /* Footer */
  }
  .nav#menu-footer-menu {
    margin: 0;
    padding: 0;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
  .nav#menu-footer-menu li {
    float: none;
    list-style-type: none;
  }
  .nav#menu-footer-menu li a {
    font-family: "Josephine Sans", Arial, sans-serif;
    text-decoration: none;
    padding: 0;
  }
  .nav#menu-footer-menu li a:hover, .nav#menu-footer-menu li a:focus {
    text-decoration: underline;
  }
  /* end .nav */
  /* */
  .entry-content .wwd-wrapper .wwd-list-items .wp-block-image figure img {
    position: relative;
    z-index: 2;
  }
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey {
    height: 300px;
    position: relative;
  }
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey .wp-block-button {
    position: absolute;
    bottom: 0;
  }
  .nav#menu-main-menu li .sub-menu a {
    font-weight: 500;
  }
  .nav#menu-main-menu li .sub-menu li a:hover {
    border-bottom: 0px !important;
    text-shadow: 0 0 black;
    color: black !important;
    border-bottom: 0px !important;
  }
}
/* ==========================================================================
 LARGE VIEWING SIZE
 This is for the larger monitors and possibly full screen viewers.
========================================================================== */
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1366px) {
  .wrap {
    width: 100%;
    max-width: 1200px;
  }
  /* */
  .entry-content .wwd-wrapper .wwd-list-items .wwd-grey {
    height: 280px;
    position: relative;
  }
}
/* ==========================================================================
 RETINA (2x RESOLUTION DEVICES)
 This applies to the retina iPhone (4s) and iPad (2,3) along with
 other displays with a 2x resolution. You can also create a media
 query for retina AND a certain size if you want. Go Nuts.
========================================================================== */
/* ==========================================================================
 H1, H2, H3, H4, H5 STYLES
========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.

  ******************************************************************/
  /* 

  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 

  */
}
/* ==========================================================================
 CUSTOM SECTIONS
========================================================================== */
/* ==========================================================================
Site Name: Ectra 
Author: Brafton (Archie Makuwa)


Stylesheet: Base Blocks Stylesheet
========================================================================== */
/* ==========================================================================

========================================================================== */
/* ==========================================================================
 SECTIONS CLASSES
========================================================================== */
/* Background colours */
.gray-bg,
.gray_bg {
  background-color: #ececec;
}

.blue-bg {
  background-color: #1d5492;
}

.orange-bg {
  background-color: #E06341;
}

/*  */
.sub-header-intro {
  display: block;
  font-size: 25px;
  line-height: 38px;
  margin: 3.75em auto;
  max-width: 880px;
  width: 100%;
}

.sub-header-standard {
  display: block;
  max-width: 840px;
  margin: 3.75em auto;
  width: 100%;
}

.wrap-840,
.wrap_840 {
  max-width: 840px;
  margin: 0 auto;
}

/* Margins and paddings */
.page-section {
  padding: 3.75em 0;
}

.mtb-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

/* Padding */
.ptb {
  padding-top: 0;
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

/* Alingment */
.v-align,
.vertical-center {
  vertical-align: middle;
  display: table-cell;
  margin-top: auto;
  margin-bottom: auto;
}

/* ==========================================================================

========================================================================== */
/* Priority group */
.priority-group .wp-block-columns {
  margin-bottom: 1.875em;
}
@media screen and (max-width: 599px) {
  .priority-group .wp-block-columns {
    margin-bottom: 0;
  }
}
.priority-group .wp-block-columns .wp-block-column {
  margin-bottom: 1.875em;
}
.priority-group .wp-block-image figure img {
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 345px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .priority-group .wp-block-image figure img {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}
/* ==========================================================================
 ???
========================================================================== */
/* ==========================================================================
 ???
========================================================================== */
.wrapper-narrow {
  width: 1014px;
  max-width: 87vw;
  margin-left: auto;
  margin-right: auto;
}

.wwd-list-items {
  width: 1220px;
  max-width: 86vw;
  margin-left: auto;
  margin-right: auto;
  gap: 19.42px;
  margin-top: 104px;
}
@media screen and (max-width: 1080px) {
  .wwd-list-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 142px;
  }
}
@media screen and (max-width: 900px) {
  .wwd-list-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 142px;
  }
}
.wwd-list-items .wp-block-column {
  background-color: #F1F2F2;
  border-radius: 38px;
  padding: 60px 21px 30px 21px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wwd-list-items .wp-block-column .wp-block-image {
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container a.wp-block-button__link.wp-element-button {
  padding: 0px 0px 0px 9px;
  margin: 0px;
  border: 0px;
  height: auto;
  color: #2D2B64 !important;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  font-weight: bold;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container a.wp-block-button__link.wp-element-button:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
}
.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container a.wp-block-button__link.wp-element-button:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}

.is-style-arrow-button a.wp-block-button__link {
  padding: 0px 0px 0px 9px;
  margin: 0px;
  border: 0px;
  height: auto;
  color: #2D2B64 !important;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  font-weight: bold;
}
.is-style-arrow-button a.wp-block-button__link:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
}
.is-style-arrow-button a.wp-block-button__link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}

.wp-block-cover.tm-row {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 40px 0px 50px 0px;
}
.wp-block-cover.tm-row .wp-block-cover__inner-container {
  width: 1012px;
  max-width: 87vw;
  margin-left: auto;
  margin-right: auto;
}

.tm-cols.has-video {
  gap: 95px;
  margin-bottom: 100px;
}

.tm-row {
  padding-top: 72px !important;
}

.latest-resources-content {
  /*background-color: $light-gray;*/
  color: #000000;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 3.75em 0;
  text-align: left;
  width: 100vw;
  background-color: #F1F1F1 !important;
}
.latest-resources-content h2 {
  text-align: left;
  padding-left: 70px;
  font-size: 1, 833rem;
  margin-top: 99px;
  margin-bottom: 48px;
}
.latest-resources-content .article-container {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .latest-resources-content .article-container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.latest-resources-content .article-container article {
  background-color: white;
  display: block;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 30px;
  overflow: clip;
  background-color: white !important;
}
@media screen and (min-width: 768px) {
  .latest-resources-content .article-container article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex: 0 1 calc(33.3333% - 0.83333em);
        flex: 0 1 calc(33.3333% - 0.83333em);
  }
}
.latest-resources-content .article-container article .size-latest-resources-thumb {
  height: 220px;
  width: 100%;
}
.latest-resources-content .article-container article .info {
  padding-left: 30px;
  padding-right: 30px;
}
.latest-resources-content .article-container article .info .heading {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.5625em;
}
.latest-resources-content .article-container article .info .heading a {
  text-decoration: none;
  color: black !important;
}
.latest-resources-content .article-container article .info .heading a:hover, .latest-resources-content .article-container article .info .heading a:focus {
  color: #00974c;
  text-decoration: none;
}
.latest-resources-content .article-container article .info .meta-time {
  color: #00974c;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 0.6875em;
  line-height: 1.25em;
}
.latest-resources-content .article-container article .summary {
  font-size: 0.875em;
  line-height: 1.25em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.latest-resources-content .article-container article .link {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
}
.latest-resources-content .article-container article .link a {
  color: #1d5492;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.875em;
  text-decoration: none;
}
.latest-resources-content .article-container article .link a:hover, .latest-resources-content .article-container article .link a:focus {
  color: #00974c;
  text-decoration: none;
}

.talk-money {
  gap: 68px;
}

.talk-money a.wp-block-button__link {
  padding: 22px 22.5px;
  height: auto;
}

.talk-money .entry-content img {
  -o-object-fit: cover;
     object-fit: cover;
}

.latest-resources-content .article-container article .info .heading {
  font-family: "Josephine Sans";
  font-weight: 600;
}

#main .entry-content .our-impact .impact-item p {
  line-height: 22px !important;
  margin: 0 auto;
  font-family: "Josephine Sans";
  font-size: 18px !important;
  max-width: 206px;
  font-weight: 500;
}

.footer-address p {
  font-family: "Josephine Sans";
  width: 284px;
  max-width: 90vw;
  margin-top: 50px;
  margin-bottom: 27px;
  font-size: 1.1667rem;
  width: 15rem;
}

div#inner-footer .nav#menu-footer-menu {
  -ms-grid-columns: 177px 268px 140px;
  grid-template-columns: 177px 268px 140px;
}

@media screen and (max-width: 1200px) {
  .footer #inner-footer {
    gap: 3%;
    max-width: 96vw;
  }
}
@media screen and (max-width: 1064px) {
  .footer #inner-footer {
    gap: 3%;
    max-width: 96vw;
  }
  .footer #inner-footer > div:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 10%;
            flex: 1 0 10%;
  }
}
@media screen and (max-width: 975px) {
  div#inner-footer .nav#menu-footer-menu {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    width: 500px !important;
  }
  .footer .footer-acknowledgement p {
    max-width: 90%;
  }
}
@media screen and (max-width: 942px) {
  .footer #inner-footer {
    gap: 2%;
  }
  div#footer-bottom {
    gap: 27px;
  }
}
@media screen and (max-width: 892px) {
  .footer .footer-acknowledgement p {
    max-width: 100%;
    text-align: left;
  }
  div#footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 836px) {
  div#inner-footer .nav#menu-footer-menu {
    width: 50vw;
  }
  .footer .footer-acknowledgement {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    width: 500px !important;
  }
}
@media screen and (max-width: 773px) {
  .footer #inner-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer #inner-footer > div:nth-child(1) {
    text-align: center;
  }
  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    width: calc(100% - 18px) !important;
  }
}
@media screen and (max-width: 740px) {
  div#inner-footer .nav#menu-footer-menu {
    width: 530px;
    margin-left: auto;
    margin-right: auto;
    -ms-grid-columns: 140px 237px 150px;
    grid-template-columns: 140px 237px 150px;
  }
  .footer .footer-acknowledgement {
    max-width: 529px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 591px) {
  div#inner-footer .nav#menu-footer-menu {
    width: 80%;
    justify-items: start;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 79%;
  }
  .footer .footer-acknowledgement {
    max-width: 76vw;
  }
  .footer .footer-acknowledgement p {
    max-width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 641px) {
  .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: normal !important;
  }
}
@media screen and (max-width: 690px) {
  .gform_wrapper .gform_footer input[type=submit] {
    width: 100% !important;
  }
}
@media screen and (max-width: 511px) {
  div#inner-footer .nav#menu-footer-menu {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
main#main .tm-cols.has-video p {
  font-size: 18px !important;
  line-height: 30px;
}

.tm-cols.has-video a.wp-block-button__link.wp-element-button {
  padding: 4px 50px !important;
  height: 36px;
}

.tm-cols.has-video a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
}

main#main .tm-cols.has-video p {
  margin-bottom: 30px !important;
}

.tm-video iframe {
  width: 100%;
  height: auto;
  max-height: 375px;
}

.tm-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 375px;
}
.tm-video .wp-block-cover .wp-block-embed {
  min-height: 240px;
  min-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tm-video .wp-block-cover .wp-block-embed .wp-block-embed__wrapper {
  height: 100%;
  width: 100%;
}
.tm-video .wp-block-cover .wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100%;
  max-height: 375px;
  height: 100%;
}

.wp-block-cover .wp-block-embed {
  min-height: 240px;
  min-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.wp-block-cover .wp-block-embed {
  min-height: 240px;
  min-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wp-block-cover .wp-block-embed .wp-block-embed__wrapper {
  height: 100%;
  width: 100%;
}
.wp-block-cover .wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100%;
  max-height: 375px;
  height: 100%;
}

.tm-video iframe {
  width: 100%;
  height: auto;
  max-height: 375px;
  height: 100%;
}

.wp-block-cover:has(.tm-cols.has-video) {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 94px;
  padding-bottom: 0px;
}

.wp-block-cover .tm-cols.has-video {
  width: 1062px;
}

@media screen and (max-width: 781px) {
  .tm-video iframe {
    height: 300px;
  }
}
.talk-money img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

.banner .banner-item {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  min-height: 35vh;
}

@media only screen and (min-width: 1030px) {
  .header ul#menu-main-menu.nav > li:hover > a {
    border-bottom: 4px solid #00974C;
  }
}
.banner .banner-item, .banner-static .banner-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 375px;
}

main#main .wp-block-cover .tm-cols.has-video h3 {
  margin-bottom: 48px;
}

@media only screen and (max-width: 781px) {
  .tm-cols.has-video {
    gap: 34px;
    margin-bottom: 0px;
  }
  .wp-block-cover:has(.tm-cols.has-video) {
    margin-top: 0px;
    padding-top: 0px;
  }
}
.nav#menu-main-menu li .sub-menu li a:hover {
  border-bottom: 0px !important;
  text-shadow: 0 0 black;
  color: black !important;
  border-bottom: 0px !important;
}

.footer #inner-footer > div:nth-child(1) {
  padding-right: 0px;
}

.gform_wrapper ul.gform_fields > li {
  padding-right: 0px !important;
}

@media screen and (max-width: 892px) {
  div#footer-bottom {
    max-width: 75vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.validation_error {
  display: none !important;
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
  width: 100% !important;
}
body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 0px solid rgba(0, 0, 0, 0) !important;
  padding: 0px !important;
}
body .gform_wrapper .validation_message {
  color: white;
  font-weight: 700;
  letter-spacing: normal;
  margin-top: -6px;
  background-color: rgba(0, 0, 0, 0);
  width: 130px;
  border-radius: 4px;
  text-align: center;
  padding: 6px !important;
  height: 25px;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper li.gfield_error textarea {
  border: 4px solid #790000 !important;
}

.is-style-wrapper {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-bottom: 0px;
}
.is-style-wrapper > * > * {
  width: 1014px;
  max-width: 90vw;
  margin-left: auto !important;
  margin-right: auto !important;
}

.is-style-pannels-list {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.is-style-pannels-list > div.wp-block-cover__inner-container {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  max-width: 92vw;
}
.is-style-pannels-list > div.wp-block-cover__inner-container .advisory-panel-images {
  gap: 41px;
}
@media screen and (max-width: 778px) {
  .is-style-pannels-list > div.wp-block-cover__inner-container figure {
    text-align: center;
  }
  .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
    width: 100% !important;
    height: auto !important;
  }
}
.is-style-pannels-list > div.wp-block-cover__inner-container p {
  line-height: 1.667rem;
  margin-bottom: 0.5556rem;
}

.advisory-panel-content p {
  line-height: 1rem;
}

@media screen and (max-width: 780px) {
  .is-style-pannels-list > div.wp-block-cover__inner-container .advisory-panel-images .wp-block-column {
    min-width: 100%;
  }
}
.contact-us-outer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 81px;
  padding-bottom: 100px;
}
.contact-us-outer .wp-block-cover__inner-container {
  width: 965px;
  max-width: 90vw;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper {
  margin: 0px !important;
}
@media screen and (max-width: 760px) {
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message {
    min-width: auto;
    max-width: 90vw;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gform_footer {
  padding-top: 0px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gform_title {
  font-size: 1.833rem;
  line-height: 2.444rem;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message textarea {
  font-size: 0.7778rem !important;
  background-color: white;
  font-weight: 500;
  padding: 17px 8px 18px 8px !important;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  max-height: 149px;
  margin-bottom: 24px !important;
}
@media screen and (max-width: 780px) {
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message textarea {
    width: 100%;
    max-width: none;
  }
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message input[type=submit] {
  color: white !important;
  font-size: 0.8533rem;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield {
  position: relative;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  max-width: 100%;
  padding-right: 16px;
  position: absolute;
  color: #790000;
  width: 100%;
  top: -16px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield:has(.ginput_complex) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield:has(.ginput_complex) .ginput_complex {
  margin: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message .gfield:has(.ginput_complex) .ginput_complex > span {
  margin: 0px !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0px !important;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-title {
  margin-top: 0px;
  margin-bottom: 19px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details {
  gap: 10px;
  margin-bottom: -12px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details .contact-us-text {
  padding-left: 0px;
  margin-left: 0px;
}
@media screen and (max-width: 780px) {
  .contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details .contact-us-icons img {
  margin-top: 6px;
}
.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .contact-us-content .contact-us-details p a {
  text-decoration: none;
  color: black;
}

.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message.contact-subscribe .gfield:has(.ginput_complex) .ginput_complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px;
}

.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message.contact-subscribe .gfield:has(.ginput_complex) .ginput_complex > span {
  width: 100%;
}

.contact-us-social-buttons {
  gap: 16px;
}
.contact-us-social-buttons a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0rem;
  height: 87px;
  width: 87px;
  border-radius: 60px;
  border: 0px solid rgba(0, 0, 0, 0);
}
@media screen and (max-width: 900px) {
  .contact-us-social-buttons a {
    height: 50px;
    width: 50px;
  }
}
.contact-us-social-buttons .contact-us-social-linkedin a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_21_1' data-name='Componente 21 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_904' data-name='Retângulo 904' width='30' height='30.667' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_82' data-name='Elipse 82' cx='43.5' cy='43.5' r='43.5' fill='%23818181'/%3E%3Cg id='Grupo_1807' data-name='Grupo 1807' transform='translate(28.5 28.167)'%3E%3Cg id='Grupo_1806' data-name='Grupo 1806' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2123' data-name='Caminho 2123' d='M8,4A4,4,0,1,1,4,0,4,4,0,0,1,8,4' fill='%23fff'/%3E%3Cpath id='Caminho_2124' data-name='Caminho 2124' d='M10.634,88.237H4.563a.3.3,0,0,1-.3-.3v-19.4a.3.3,0,0,1,.3-.3h6.071a.3.3,0,0,1,.3.3v19.4a.3.3,0,0,1-.3.3' transform='translate(-3.598 -57.57)' fill='%23fff'/%3E%3Cpath id='Caminho_2125' data-name='Caminho 2125' d='M83.972,71.972V83.305a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V73.972a3.333,3.333,0,0,0-6.667,0v9.333a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V65.972a1.337,1.337,0,0,1,1.333-1.333h4a1.337,1.337,0,0,1,1.333,1.333v.853a7.579,7.579,0,0,1,6-2.853c3.68,0,7.333,2.667,7.333,8' transform='translate(-53.972 -53.972)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-linkedin a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_21_1' data-name='Componente 21 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_904' data-name='Retângulo 904' width='30' height='30.667' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_82' data-name='Elipse 82' cx='43.5' cy='43.5' r='43.5' fill='%234dbfbd'/%3E%3Cg id='Grupo_1807' data-name='Grupo 1807' transform='translate(28.5 28.167)'%3E%3Cg id='Grupo_1806' data-name='Grupo 1806' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2123' data-name='Caminho 2123' d='M8,4A4,4,0,1,1,4,0,4,4,0,0,1,8,4' fill='%23fff'/%3E%3Cpath id='Caminho_2124' data-name='Caminho 2124' d='M10.634,88.237H4.563a.3.3,0,0,1-.3-.3v-19.4a.3.3,0,0,1,.3-.3h6.071a.3.3,0,0,1,.3.3v19.4a.3.3,0,0,1-.3.3' transform='translate(-3.598 -57.57)' fill='%23fff'/%3E%3Cpath id='Caminho_2125' data-name='Caminho 2125' d='M83.972,71.972V83.305a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V73.972a3.333,3.333,0,0,0-6.667,0v9.333a1.337,1.337,0,0,1-1.333,1.333h-4a1.337,1.337,0,0,1-1.333-1.333V65.972a1.337,1.337,0,0,1,1.333-1.333h4a1.337,1.337,0,0,1,1.333,1.333v.853a7.579,7.579,0,0,1,6-2.853c3.68,0,7.333,2.667,7.333,8' transform='translate(-53.972 -53.972)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-fb a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_22_1' data-name='Componente 22 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_905' data-name='Retângulo 905' width='15.838' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_83' data-name='Elipse 83' cx='43.5' cy='43.5' r='43.5' fill='%23818181'/%3E%3Cg id='Grupo_1809' data-name='Grupo 1809' transform='translate(35.582 28.833)'%3E%3Cg id='Grupo_1808' data-name='Grupo 1808' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2126' data-name='Caminho 2126' d='M15.83,13.231l-.38,3.05a1.017,1.017,0,0,1-1.007.893H9.5V29.929Q8.719,30,7.919,30a17.633,17.633,0,0,1-3.485-.347V17.175H.633A.636.636,0,0,1,0,16.539V12.722a.636.636,0,0,1,.633-.636h3.8V6.361A6.348,6.348,0,0,1,10.769,0H15.2a.636.636,0,0,1,.634.636V4.453a.636.636,0,0,1-.634.636H12.035A2.539,2.539,0,0,0,9.5,7.633v4.453h5.321a1.018,1.018,0,0,1,1.007,1.145' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-fb a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_22_1' data-name='Componente 22 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_905' data-name='Retângulo 905' width='15.838' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_83' data-name='Elipse 83' cx='43.5' cy='43.5' r='43.5' fill='%234dbfbd'/%3E%3Cg id='Grupo_1809' data-name='Grupo 1809' transform='translate(35.582 28.833)'%3E%3Cg id='Grupo_1808' data-name='Grupo 1808' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2126' data-name='Caminho 2126' d='M15.83,13.231l-.38,3.05a1.017,1.017,0,0,1-1.007.893H9.5V29.929Q8.719,30,7.919,30a17.633,17.633,0,0,1-3.485-.347V17.175H.633A.636.636,0,0,1,0,16.539V12.722a.636.636,0,0,1,.633-.636h3.8V6.361A6.348,6.348,0,0,1,10.769,0H15.2a.636.636,0,0,1,.634.636V4.453a.636.636,0,0,1-.634.636H12.035A2.539,2.539,0,0,0,9.5,7.633v4.453h5.321a1.018,1.018,0,0,1,1.007,1.145' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-instagram a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_24_1' data-name='Componente 24 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_906' data-name='Retângulo 906' width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_85' data-name='Elipse 85' cx='43.5' cy='43.5' r='43.5' fill='%23818181'/%3E%3Cg id='Grupo_1811' data-name='Grupo 1811' transform='translate(29 29)'%3E%3Cg id='Grupo_1810' data-name='Grupo 1810' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2128' data-name='Caminho 2128' d='M22.758,0H7.24A7.243,7.243,0,0,0,0,7.241V22.759A7.243,7.243,0,0,0,7.24,30H22.758A7.243,7.243,0,0,0,30,22.759V7.241A7.243,7.243,0,0,0,22.758,0m4.655,22.241a5.174,5.174,0,0,1-5.172,5.172H7.758a5.174,5.174,0,0,1-5.173-5.172V7.759A5.174,5.174,0,0,1,7.758,2.586H22.24a5.174,5.174,0,0,1,5.172,5.172Z' transform='translate(0.001 0)' fill='%23fff'/%3E%3Cpath id='Caminho_2129' data-name='Caminho 2129' d='M58.171,50.309a7.759,7.759,0,1,0,7.759,7.759,7.761,7.761,0,0,0-7.759-7.759m0,12.931a5.172,5.172,0,1,1,5.172-5.172,5.181,5.181,0,0,1-5.172,5.172' transform='translate(-43.156 -43.068)' fill='%23fff'/%3E%3Cpath id='Caminho_2130' data-name='Caminho 2130' d='M152.583,39.039a1.552,1.552,0,1,1,1.552-1.552,1.554,1.554,0,0,1-1.552,1.552' transform='translate(-129.292 -30.764)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.contact-us-social-buttons .contact-us-social-instagram a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Componente_24_1' data-name='Componente 24 – 1' width='87' height='87' viewBox='0 0 87 87'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Retângulo_906' data-name='Retângulo 906' width='30' height='30' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle id='Elipse_85' data-name='Elipse 85' cx='43.5' cy='43.5' r='43.5' fill='%234dbfbd'/%3E%3Cg id='Grupo_1811' data-name='Grupo 1811' transform='translate(29 29)'%3E%3Cg id='Grupo_1810' data-name='Grupo 1810' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_2128' data-name='Caminho 2128' d='M22.758,0H7.24A7.243,7.243,0,0,0,0,7.241V22.759A7.243,7.243,0,0,0,7.24,30H22.758A7.243,7.243,0,0,0,30,22.759V7.241A7.243,7.243,0,0,0,22.758,0m4.655,22.241a5.174,5.174,0,0,1-5.172,5.172H7.758a5.174,5.174,0,0,1-5.173-5.172V7.759A5.174,5.174,0,0,1,7.758,2.586H22.24a5.174,5.174,0,0,1,5.172,5.172Z' transform='translate(0.001 0)' fill='%23fff'/%3E%3Cpath id='Caminho_2129' data-name='Caminho 2129' d='M58.171,50.309a7.759,7.759,0,1,0,7.759,7.759,7.761,7.761,0,0,0-7.759-7.759m0,12.931a5.172,5.172,0,1,1,5.172-5.172,5.181,5.181,0,0,1-5.172,5.172' transform='translate(-43.156 -43.068)' fill='%23fff'/%3E%3Cpath id='Caminho_2130' data-name='Caminho 2130' d='M152.583,39.039a1.552,1.552,0,1,1,1.552-1.552,1.554,1.554,0,0,1-1.552,1.552' transform='translate(-129.292 -30.764)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.is-style-full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.is-style-full-width > div {
  width: 1220px !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}

.policy-reports {
  gap: 119px;
  width: 1015px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
.policy-reports .policy-reports-left ul.policy-reports-list li {
  list-style: none;
  font-family: "Josephine Sans";
  font-size: 1rem;
  margin-bottom: 7px !important;
  font-weight: 500;
}

@media screen and (max-width: 782px) {
  .policy-reports-img {
    max-width: 50vw !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
  }
}
body .less-padding {
  padding-top: 88px !important;
  padding-bottom: 86px !important;
}

body div .no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.our-people-content .our-people-list-wrap .our-people-list:hover .user-list {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137) !important;
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137) !important;
}

.our-people-content .our-people-list-wrap .our-people-list .user-list:hover, .our-people-content .our-people-list-wrap .our-people-list .user-list:focus {
  opacity: 1 !important;
}

body .is-style-button-grey a.wp-block-button__link {
  background-color: #818181 !important;
  border-color: #818181 !important;
  border-radius: 4px !important;
  padding: 4px 50px !important;
  height: 36px;
}
body .is-style-button-grey a.wp-block-button__link:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
}

@media screen and (min-width: 901px) {
  body .wwd-list-items.list-has-percentages {
    gap: 33.14px;
  }
}
body .wwd-list-items.list-has-percentages h3 {
  margin-top: 24px;
}
body .wwd-list-items.list-has-percentages .wp-block-column .wp-block-image {
  top: -92px;
}
body .wwd-list-items.list-has-percentages .wp-block-column .wwd-grey {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .wwd-list-items.list-has-percentages p.has-text-align-center.narrow-card {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  max-width: 98%;
}

.set-width-911 {
  width: 1014px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 90vw !important;
}

.policy-reports-img figcaption {
  margin-top: -9px !important;
  font-size: 0.7778rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 500;
}

.no-margin {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.entry-content .our-impact.light-grey-bg {
  background-color: #FAFAFA;
}

body .less-padding.no-bottom-padding {
  padding-bottom: 0px !important;
}

.entry-content .our-impact.smaller-impacts .has-counters {
  width: 1185.35px;
  max-width: 90vw;
}
@media screen and (max-width: 1060px) {
  .entry-content .our-impact.smaller-impacts .has-counters {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 564px) {
  .entry-content .our-impact.smaller-impacts .has-counters {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.entry-content .our-impact.smaller-impacts .impact-item {
  padding: 77px 31px 61px;
}
@media screen and (min-width: 1208px) {
  .entry-content .our-impact.smaller-impacts .impact-item {
    padding: 77px 12px 98px;
  }
}
.entry-content .our-impact.smaller-impacts .impact-item h3 {
  font-size: 1.8333rem;
  font-weight: bold !important;
}
@media screen and (min-width: 1208px) {
  .entry-content .our-impact.smaller-impacts .impact-item h3 {
    gap: 33.14px;
  }
}
@media screen and (min-width: 1060px) {
  .entry-content .our-impact.smaller-impacts .impact-item p {
    height: 2.5rem;
  }
}

.entry-content .our-impact.smaller-impacts .impact-item {
  padding: 77px 31px 98px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.entry-content .our-impact.height-100 .impact-item {
  height: 100%;
}

h3.policy-reports-subtitle + h3 {
  margin-top: -21px !important;
  font-weight: 600;
}

.narrower-text > p {
  max-width: 90%;
}

.grants-list-content .wrap.cf, .grants-list-content .wrap.comment-respond {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 79px;
  width: 100%;
  max-width: 92vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.grants-list-content .wrap.cf:before, .grants-list-content .wrap.comment-respond:before {
  display: none;
}
.grants-list-content .wrap.cf h3.grants-section-title, .grants-list-content .wrap.comment-respond h3.grants-section-title,
.grants-list-content .wrap.cf .grants-menu-titles h2,
.grants-list-content .wrap.comment-respond .grants-menu-titles h2 {
  font-size: 1.4667rem;
  margin-top: 0px;
  margin-bottom: 0px;
}
.grants-list-content .wrap.cf .grants-menu, .grants-list-content .wrap.comment-respond .grants-menu {
  background-color: #FAFAFA;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 31.1%;
          flex: 1 0 31.1%;
  padding: 30px 0px 30px 19px;
}
@media (max-width: 900px) {
  .grants-list-content .wrap.cf .grants-menu, .grants-list-content .wrap.comment-respond .grants-menu {
    display: none !important;
  }
}
.grants-list-content .wrap.cf .grants-menu p, .grants-list-content .wrap.comment-respond .grants-menu p {
  font-size: 1.1667rem;
  margin-bottom: 30px;
  line-height: 1.556rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-left: 19px;
  width: calc(100% - 12px);
}
.grants-list-content .wrap.cf .grants-menu p:hover, .grants-list-content .wrap.comment-respond .grants-menu p:hover {
  opacity: 0.7;
}
.grants-list-content .wrap.cf .grants-list, .grants-list-content .wrap.comment-respond .grants-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 62%;
          flex: 1 0 62%;
  min-height: 0; /* allow shrinking */
  overflow-y: auto; /* will scroll once JS sets max-height */
  padding-top: 34px;
}
.grants-list-content .wrap.cf .grants-list .scroll-to-top, .grants-list-content .wrap.comment-respond .grants-list .scroll-to-top {
  position: absolute;
  top: 16px;
  right: 46px;
  font-size: 0.7778rem;
  color: #00974C;
  cursor: pointer;
  text-decoration: underline;
}
.grants-list-content .wrap.cf .grants-list .scroll-to-top:hover, .grants-list-content .wrap.comment-respond .grants-list .scroll-to-top:hover {
  opacity: 0.7;
}
.grants-list-content .wrap.cf .grants-list .grants-section-title, .grants-list-content .wrap.comment-respond .grants-list .grants-section-title {
  margin-bottom: 36px;
}
.grants-list-content .wrap.cf .grants-list .grant-item:has(.grant-image), .grants-list-content .wrap.comment-respond .grants-list .grant-item:has(.grant-image) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46px;
}
.grants-list-content .wrap.cf .grants-list .grant-item h4.grant-title, .grants-list-content .wrap.comment-respond .grants-list .grant-item h4.grant-title {
  margin-top: 0px;
  font-size: 1.166665rem;
  line-height: 1.667rem;
  margin-bottom: 24px;
}
.grants-list-content .wrap.cf .grants-list .grant-item .grant-image img, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-image img {
  width: 200px;
  max-width: 17vw;
}
.grants-list-content .wrap.cf .grants-list .grant-item p.grant-dates, .grants-list-content .wrap.comment-respond .grants-list .grant-item p.grant-dates {
  color: #818181;
  font-size: 0.89rem;
  text-transform: uppercase;
}
.grants-list-content .wrap.cf .grants-list .grant-item .grant-description p, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description p, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description span, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description span {
  color: black;
  font-weight: 500 !important;
}
.grants-list-content .wrap.cf .grants-list .grant-item .grant-description p a, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description p a, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description p a span, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description p a span, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description span a, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description span a, .grants-list-content .wrap.cf .grants-list .grant-item .grant-description span a span, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-description span a span {
  text-decoration: none;
  color: #2D2B64 !important;
}
.grants-list-content .wrap.cf .grants-list .grant-item, .grants-list-content .wrap.comment-respond .grants-list .grant-item {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 75px;
}
@media (max-width: 900px) {
  .grants-list-content .wrap.cf, .grants-list-content .wrap.comment-respond {
    display: block;
  }
  .grants-list-content .grants-list {
    max-height: none !important;
    overflow: visible;
  }
}

.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  color: white;
  border: none;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 4px 12px rgba(0, 151, 76, 0.3);
          box-shadow: 0 4px 12px rgba(0, 151, 76, 0.3);
  top: 40px;
  right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50.482' height='50.482' viewBox='0 0 50.482 50.482'%3E%3Cg id='Grupo_1935' data-name='Grupo 1935' transform='translate(-1360 -811.518)'%3E%3Ccircle id='Elipse_133' data-name='Elipse 133' cx='22' cy='22' r='22' transform='translate(1363 815)' fill='%23fff'/%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M25.8.563A25.241,25.241,0,1,1,.563,25.8,25.237,25.237,0,0,1,25.8.563ZM22.862,15.178l7.684,7.369H11.962a2.437,2.437,0,0,0-2.443,2.443v1.628a2.437,2.437,0,0,0,2.443,2.443H30.546l-7.684,7.369a2.445,2.445,0,0,0-.041,3.491l1.12,1.109a2.433,2.433,0,0,0,3.45,0L40.9,27.534a2.433,2.433,0,0,0,0-3.45L27.391,10.567a2.433,2.433,0,0,0-3.45,0l-1.12,1.109A2.457,2.457,0,0,0,22.862,15.178Z' transform='translate(1359.438 862.563) rotate(-90)' fill='%234dbfbd'/%3E%3C/g%3E%3C/svg%3E");
  font-size: 0px;
  color: rgba(0, 0, 0, 0);
}
.scroll-to-top:hover {
  background-color: rgb(0, 100, 50.3311258278);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 6px 16px rgba(0, 151, 76, 0.4);
          box-shadow: 0 6px 16px rgba(0, 151, 76, 0.4);
}
.scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 900px) {
  .scroll-to-top {
    display: none !important;
  }
}

.is-style-button-grey a {
  color: white !important;
}

.wrap.cf.wide-content > .wp-block-group__inner-container, .wrap.wide-content.comment-respond > .wp-block-group__inner-container {
  width: 1220px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1100px) {
  .col-icons-4 {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    row-gap: 0px;
  }
}
@media (max-width: 580px) {
  .col-icons-4 {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
}
.policy-reports.policy-wider {
  gap: 28px;
}

.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
  margin-bottom: 0;
  gap: 36px;
}

.col-icons-4 {
  gap: 36px !important;
}

.grant-item:has(.grant-number) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 33px;
}
.grant-item:has(.grant-number) .grant-number p {
  height: 70px;
  width: 70px;
  border-radius: 44px 44px 44px 0px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.833rem;
  font-weight: 800;
}
.grant-item:has(.grant-number) .grant-number p.blue-num {
  background-color: #4DBFBD;
}
.grant-item:has(.grant-number) .grant-number p.purple-num {
  background-color: #944995;
}

.grant-description ul li {
  list-style: disc;
  font-family: "Josephine Sans";
  font-weight: 500;
  margin-left: 21px;
}

.grant-partners {
  width: 1014px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}
.grant-partners h3 {
  font-size: 1.46667rem;
  margin-bottom: 0px !important;
}
.grant-partners h4 {
  font-size: 1.16667rem;
  margin-top: 7px;
  font-weight: 500;
  font-style: italic;
}
.grant-partners .grant-partners-columns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 94px;
}

.special-form-cols {
  width: 1014px;
  max-width: 92vw;
  background-color: #E0E0E0;
  border-radius: 150px 0px 150px 150px;
}
@media screen and (max-width: 780px) {
  .special-form-cols {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    border-radius: 53px 73px 75px 75px !important;
  }
}
.special-form-cols .special-form-col-left {
  border-radius: 150px 150px 150px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 780px) {
  .special-form-cols .special-form-col-left {
    border-radius: 50px 50px 0px 0px;
    padding-top: 20px;
  }
}
.special-form-cols .special-form-cols-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.special-form-cols .special-form-cols-center img {
  margin: 0px;
}
.special-form-cols .special-form-cols-center h3, .special-form-cols .special-form-cols-center p {
  font-size: 1.46667rem;
}
.special-form-cols .special-form-cols-center h3 {
  margin-bottom: 10px;
}
@media screen and (max-width: 780px) {
  .special-form-cols .special-form-cols-center p {
    margin-bottom: -22px;
  }
}
@media screen and (max-width: 780px) {
  .special-form-cols .special-form-cols-center {
    text-align: center;
  }
}
.special-form-cols .ginput_complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.special-form-cols .ginput_complex span {
  width: 100% !important;
  max-width: 100%;
}
.special-form-cols .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
  background-color: white;
}

.logo-grid {
  width: 1176px;
  max-width: 92vw;
  gap: 48px;
  margin-bottom: 72px;
  row-gap: 10px;
}
@media screen and (max-width: 780px) {
  .logo-grid {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }
}
.logo-grid .force-height figure img {
  width: 293px;
  max-height: 73px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.narrowest {
  width: 853px;
  max-width: 90vw;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gform_wrapper h3.gform_title {
  display: none !important;
}

.upcoming-event-block {
  width: 1006px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  padding-bottom: 50px;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 50px;
}
@media screen and (max-width: 770px) {
  .upcoming-event-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0px;
  }
}
.upcoming-event-block .event-thumb {
  -webkit-box-flex: 39%;
      -ms-flex: 39%;
          flex: 39%;
}
.upcoming-event-block .event-thumb img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  min-height: 397px;
}
.upcoming-event-block .event-details {
  -webkit-box-flex: 61%;
      -ms-flex: 61%;
          flex: 61%;
}
.upcoming-event-block .event-details .event-title {
  font-size: 1.1667rem;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.6667rem;
  color: black;
  font-family: "Josephine Sans";
  font-weight: bold;
}
.upcoming-event-block .event-details .event-date-category {
  margin-top: 7px;
  color: #818181;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8889rem;
  line-height: 30px;
  margin-bottom: 20px;
}

body .wwd-list-items.list-has-percentages.wwd-list-items-narrower {
  gap: 18.24px;
}
body .wwd-list-items.list-has-percentages.wwd-list-items-narrower > div {
  margin-left: 0px !important;
}
body .wwd-list-items.list-has-percentages.wwd-list-items-narrower img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 781px) {
  body .wwd-list-items.list-has-percentages.wwd-list-items-narrower {
    gap: 144px;
    margin-top: 140px;
  }
}
body .wwd-list-items.list-has-percentages.wwd-list-items-narrower .wwd-grey .wp-block-group__inner-container {
  height: 100%;
}

.image-white-circle {
  background-color: white;
  padding: 90px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 961px) {
  .image-white-circle {
    padding: 50px;
  }
}
.image-white-circle img {
  margin: 0px;
}

@media screen and (max-width: 780px) {
  .wp-block-cover__inner-container:has(.image-white-circle) .image-white-circle {
    width: 90vw;
    max-width: 400px;
    text-align: center;
  }
}
body .wwd-list-items h3 em {
  font-weight: 500;
}

body .wp-block-image figcaption {
  text-align: center;
  margin-top: -14px;
}

.wp-block-columns.wwd-list-items.only-2 {
  width: 821.72px;
  gap: 50px;
}

.center-all.is-style-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wp-block-column.center-content figure.aligncenter.size-full {
  text-align: center;
}

@media screen and (max-width: 830px) {
  .wp-block-columns.has-three-buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 19px;
  }
  .wp-block-columns.has-three-buttons > div {
    margin-left: 0px !important;
    text-align: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-columns.has-three-buttons {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.wp-block-column.has-three-buttons-left.center-button .wp-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wwd-list-items .wp-block-column .wp-block-group.wwd-grey.center-content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.center-content {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.is-style-pannels-list img {
  margin-bottom: 16px;
}

.user-bio-content span {
  font-family: "Josephine Sans";
  font-size: 1rem;
  line-height: 30px;
  font-weight: 500 !important;
}

.wp-block-column.is-vertically-aligned-center.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
  padding: 0px 0px;
}

.wp-container-core-buttons-is-layout-8e8a235c > div {
  width: 87px;
}

.is-style-no-margin {
  margin: 0px !important;
}

/* New menu */
p.menu-clickable.menu-active {
  color: #944995;
  border-bottom: 6px solid #944995;
}

p.menu-clickable:not(.menu-active) {
  cursor: pointer;
}

p.menu-clickable:not(.menu-active):hover {
  color: #944995;
}

p.menu-clickable {
  font-size: 1.4667rem;
  font-family: "Josephine Sans";
  font-weight: 700;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  margin-bottom: 0px;
  padding-bottom: 26px;
}

.menu-multiple {
  border-bottom: 1px #707070 solid;
}

.ecstra_block.grants-list-content.many-grants:not(.grant-active) {
  display: none;
}

@media screen and (max-width: 880px) {
  p.menu-clickable.menu-active {
    border-bottom: 0px !important;
    padding-bottom: 0px;
  }
}
.single-post-body {
  width: 808px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

h1.entry-title.single-title {
  font-size: 1.833rem;
  line-height: 2.44rem;
}

.meta-intro p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.single-post .ecstra_block.latest-resources-content h2 {
  font-size: 1.4667rem !important;
  padding-left: 0px;
  text-align: center !important;
}

.post-thumbnail {
  position: relative;
}

div#linkedin-share {
  height: 25px;
  width: 25px;
  position: absolute;
  left: -46px;
  top: 0;
}

@media screen and (max-width: 882px) {
  div#linkedin-share {
    position: initial;
  }
}
@media screen and (max-width: 781px) {
  .talk-money {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
    margin-left: 0px;
  }
  .wp-block-columns.tm-cols.wrapper-narrow.has-video {
    display: -ms-grid;
    display: grid;
  }
}
.banner.slick-slider.slick-initialized {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item {
  background-size: contain !important;
}

.wp-block-column.is-vertically-aligned-center.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
  padding: 0px 0px;
}

/* Posts - sunday */
.single-post-body {
  width: 808px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

h1.entry-title.single-title {
  font-size: 1.833rem;
  line-height: 2.44rem;
}

.meta-intro p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.single-post .ecstra_block.latest-resources-content h2 {
  font-size: 1.4667rem !important;
  padding-left: 0px;
  text-align: center !important;
}

.post-thumbnail {
  position: relative;
}

div#linkedin-share {
  height: 25px;
  width: 25px;
  position: absolute;
  left: -46px;
  top: 0;
}

div#linkedin-share a {
  width: 25px;
  height: 25px;
  display: block;
}

@media screen and (max-width: 882px) {
  div#linkedin-share {
    position: initial;
  }
}
.logo-grid img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.caption-left figcaption {
  text-align: left !important;
}

body .grants-list-content .wrap.cf .grants-menu p, body .grants-list-content .wrap.comment-respond .grants-menu p {
  font-size: 1rem;
}

.blog #inner-content {
  width: 100vw;
}

.blog h2 {
  margin-top: 100px;
  text-align: center;
  font-size: 1.4667rem;
  margin-bottom: 49px;
  max-width: 90vw;
}

.blog-buttons {
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.083%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 99px;
}

.blog-button {
  background-color: #2D2B64;
  padding: 10px 50px;
}

.blog-button a {
  color: white;
  text-decoration: none;
  font-family: "Josephine Sans";
  font-weight: 500;
  font-size: 0.8533rem;
  text-align: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 169px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-button:has(a:hover) {
  background-color: #4DBFBD;
}

@media screen and (max-width: 887px) {
  .blog-buttons {
    gap: 19px;
    max-width: 90vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 400px) {
  .blog-button {
    background-color: #2D2B64;
    padding: 10px 10px;
  }
  .blog-button a {
    width: 169px;
  }
}
.article-container.blog-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.ecstra_block.latest-resources-content.resources {
  background-color: #FAFAFA !important;
  padding-top: 100px;
}

.blog ul.page-numbers {
  background-color: rgba(0, 0, 0, 0);
  margin: 0px;
}

.blog .page-numbers {
  font-size: 1rem;
  font-family: "Josephine Sans";
  line-height: normal;
  padding: 0px 15px;
  color: #808080;
}

.blog span.page-numbers.current {
  color: black;
  font-weight: 500;
}

a.page-numbers:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #2D2B64;
  text-shadow: 0 0 #2D2B64;
}

.blog .latest-resources-content .article-container article .info h3 {
  height: 3.6rem !important;
}

.post-type {
  background-color: #4DBFBD;
  display: inline-block;
  padding: 10px;
  font-size: 0.7778rem;
  color: white;
  font-family: "Josephine Sans";
  font-weight: 500;
  -webkit-transform: translate(0px, -9px);
          transform: translate(0px, -9px);
}

.pagination li:has(.next) {
  border-right: 0px;
}

.blog-filter-bar {
  background-color: #2D2B64;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 36px;
  padding-bottom: 36px;
}

.blog-filter-wrap {
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}

.blog-filter-wrap h3 {
  color: white;
  font-size: 1.8333rem;
  line-height: normal;
}

button.filter-submit {
  background-color: #818181;
  border-radius: 4px;
  color: white;
  font-family: "Josephine Sans";
  font-weight: 500;
  font-size: 0.8533rem;
  padding: 10px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #818181;
}

button.filter-submit:hover {
  background-color: #4DBFBD;
  border: 1px solid #4DBFBD;
}

.blog-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

form.blog-filter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

form.blog-filter-form select {
  margin: 0px;
  height: 36px;
  width: 250px;
  font-family: "Josephine Sans";
  color: #000000;
  font-weight: 400;
  font-size: 0.85333rem;
  background-color: white;
}

@media screen and (max-width: 890px) {
  .blog-filter-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 890px) {
  .article-container.blog-container {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 890px) {
  .article-container.blog-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 470px) {
  form.blog-filter-form {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}
.blog-filter-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  height: 42px;
  padding: 0 40px 0 14px; /* space for arrow on right */
  font-family: inherit;
  font-size: 14px;
  line-height: 42px;
  color: #333;
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 10px;
  cursor: pointer;
  /* Add SVG arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.405' height='9.287' viewBox='0 0 15.405 9.287'%3E%3Cpath d='M2 2l5.583 5.131 5.583-5.131' fill='none' stroke='%23818181' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
}

/* Hide default dropdown arrow on old IE/Edge */
.blog-filter-form select::-ms-expand {
  display: none;
}

/* Optional hover/focus styling */
.blog-filter-form select:focus {
  outline: none;
  border-color: #A5A5A5;
}

/**
 * Modal styling
 * @author Brafton (Archir M)
 *
 */
.close-modal {
  color: #E06341;
  background: #ffffff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 1px 16px;
  text-decoration: none;
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58'%3E%3Cg id='Grupo_1163' data-name='Grupo 1163' transform='translate(-1102 -128)'%3E%3Ccircle id='Elipse_13' data-name='Elipse 13' cx='29' cy='29' r='29' transform='translate(1102 128)' fill='%23fff'/%3E%3Cg id='Grupo_749' data-name='Grupo 749' transform='translate(10559.042 -2132.565) rotate(-3)'%3E%3Cline id='Linha_25' data-name='Linha 25' x2='20' y2='25' transform='translate(-9544.5 1781.5)' fill='none' stroke='%23e06341' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linha_26' data-name='Linha 26' y1='23' x2='23' transform='translate(-9546.5 1782.5)' fill='none' stroke='%23e06341' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.close-modal:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58'%3E%3Cg id='Grupo_1163' data-name='Grupo 1163' transform='translate(-1102 -128)'%3E%3Ccircle id='Elipse_13' data-name='Elipse 13' cx='29' cy='29' r='29' transform='translate(1102 128)' fill='%23e06341'/%3E%3Cg id='Grupo_749' data-name='Grupo 749' transform='translate(10559.042 -2132.565) rotate(-3)'%3E%3Cline id='Linha_25' data-name='Linha 25' x2='20' y2='25' transform='translate(-9544.5 1781.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linha_26' data-name='Linha 26' y1='23' x2='23' transform='translate(-9546.5 1782.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(81, 94, 123, 0.5);
  width: 100%;
  height: 100%;
  display: none;
  overflow: clip;
  cursor: auto;
  pointer-events: none;
}
.modal * {
  pointer-events: auto;
}

.modal-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px auto 0;
  padding-top: 109px;
  padding-left: 78px;
  padding-bottom: 78px;
  padding-right: 68px;
  position: relative;
  max-width: 1088px;
  width: 94%;
  background-color: #F1F2F2;
  border: 1px solid #4DBFBD;
  -webkit-box-shadow: 6px 12px 24px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 6px 12px 24px rgba(0, 0, 0, 0.1607843137);
  gap: 51.86px;
}
@media only screen and (min-width: 768px) {
  .modal-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

html {
  font-size: 18px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
body h1 {
  font-size: 1.87rem;
}
body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
body .wwd-list-items h3 {
  margin-bottom: 6px;
}
body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
body .gform_wrapper ul li.gfield,
body .ginput_container.ginput_container_email,
body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
body li#field_1_1 {
  margin-bottom: -8px !important;
}

body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}

body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}

/*.banner, 
.banner-static {
    //height: 520px; 
    max-height: auto;
    margin: 0 calc(50% - 50vw) 0;
    padding: 0;
    position: relative;
    width: 100vw;
    margin-bottom:1.5rem;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;

    .banner-item {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        min-height: 355px;
    }
}*/
/* Banner slider */
.banner .banner-content {
  color: #ffffff;
  max-width: 635px;
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media screen and (max-width: 480px) {
  .banner .banner-content {
    top: 20%;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
}
@media screen and (max-width: 767px) {
  .banner .banner-content {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .banner .banner-content {
    padding-left: 110px;
  }
}
.banner .banner-content h1,
.banner .banner-content h2 {
  font-size: 42px;
  line-height: 53px;
}
.banner .banner-content h3,
.banner .banner-content h4,
.banner .banner-content h5 {
  line-height: 1.4em;
}
.banner .banner-content .button {
  margin-top: 40px;
}
.banner.slick-slider {
  opacity: 0;
  visibility: hidden;
}
.banner.slick-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.banner .slick-dots li button:before {
  color: #E0E0E0;
  font-size: 50px;
}
.banner .slick-dots li:only-child {
  display: none;
}
.banner .slick-dots li.slick-active button:before {
  color: #4DBFBD;
  font-size: 50px;
}

/** Static banner **/
/*.banner-static {

    .banner-content {
        color: $white;
        max-width: 635px;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

        @media screen and (max-width:480px) {
            top: 20%;
            transform: translateY(20%);
        }

        @media screen and (max-width:767px) {
            text-align: center;
            max-width: 100%;
            width: 100%;
        }

        @media screen and (min-width:768px) {
            //padding-left: 110px; 
            //padding-right: 110px;
        }

        h1, 
        h2 {
            //color: $white;
            font-size: 42px; 
            line-height: 53px;
            margin-bottom: 30px;
        }

        h3, 
        h4, 
        h5 {
            line-height: 1.4em;
        }

        .button {
            margin-top: 40px;
        }
    }
}*/
@media screen and (max-width: 867px) {
  .banner .banner-item {
    min-height: 220px;
  }
}
@media screen and (max-width: 520px) {
  .banner .banner-item {
    min-height: 140px;
  }
}
@media screen and (max-width: 1030px) {
  .header #logo img {
    max-width: 170px;
  }
  .header nav {
    width: calc(100% - 200px);
  }
}
.ecstra_block.banner-static {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-position: left;
}
.ecstra_block.banner-static div.banner-item {
  background-position: left;
}
.ecstra_block.banner-static div.banner-item .wrap.cf, .ecstra_block.banner-static div.banner-item .wrap.comment-respond {
  width: 1300px;
  max-width: 90vw;
  padding-top: 90px;
}
.ecstra_block.banner-static div.banner-item .wrap.cf .banner-content h1, .ecstra_block.banner-static div.banner-item .wrap.comment-respond .banner-content h1 {
  color: white;
  font-size: 3rem;
  font-weight: 600;
}
@media screen and (max-width: 670px) {
  .ecstra_block.banner-static div.banner-item {
    min-height: 180px;
  }
}

.banner.slick-slider.slick-initialized {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item {
  background-size: contain !important;
}

/* ==========================================================================
 CUSTOM BLOCKS
========================================================================== */
.ecstra_block {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Variables

  Here is where we declare all our variables like colors, fonts,
  base values, and defaults. We want to make sure this file ONLY
  contains variables that way our files don't get all messy.
  No one likes a mess.

  ******************************************************************/
  /*********************
  COLORS
  Need help w/ choosing your colors? Try this site out:
  http://0to255.com/
  *********************/
  /*
  Here's a great tutorial on how to
  use color variables properly:
  http://sachagreif.com/sass-color-variables/
  */
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Typography

  Need to import a font or set of icons for your site? Drop them in
  here or just use this to establish your typographical grid. Or not.
  Do whatever you want to...GOSH!

  Helpful Articles:
  http://trentwalton.com/2012/06/19/fluid-type/
  http://ia.net/blog/responsive-typography-the-basics/
  http://alistapart.com/column/responsive-typography-is-a-physical-discipline

  ******************************************************************/
  /*********************
  FONT FACE (IN YOUR FACE)
  *********************/
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.ecstra_block {
  /*
  The following is based of Typebase:
  https://github.com/devinhunt/typebase.css
  I've edited it a bit, but it's a nice starting point.
  */
  /*
  some nice typographical defaults
  more here: http://www.newnet-soft.com/blog/csstypography
  */
}
.ecstra_block p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}
.ecstra_block html {
  font-size: 18px;
}
.ecstra_block body h1, .ecstra_block body h2, .ecstra_block body h3, .ecstra_block body h4, .ecstra_block body h5, .ecstra_block body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
.ecstra_block body h1 {
  font-size: 1.87rem;
}
.ecstra_block body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
.ecstra_block body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
.ecstra_block body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
.ecstra_block body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
.ecstra_block body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
.ecstra_block body .wwd-list-items h3 {
  margin-bottom: 6px;
}
.ecstra_block body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
.ecstra_block body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
.ecstra_block body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
.ecstra_block body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
.ecstra_block body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
.ecstra_block body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
.ecstra_block body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
.ecstra_block body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
.ecstra_block body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
.ecstra_block body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
.ecstra_block body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
.ecstra_block body .gform_wrapper ul li.gfield,
.ecstra_block body .ginput_container.ginput_container_email,
.ecstra_block body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
.ecstra_block body li#field_1_1 {
  margin-bottom: -8px !important;
}
.ecstra_block body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}
.ecstra_block body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}
.ecstra_block .latest-resources-content {
  /*background-color: $light-gray;*/
  color: #000000;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0 0 126px 0;
  text-align: left;
  width: 100vw;
}
.ecstra_block .latest-resources-content .article-container {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ecstra_block .latest-resources-content .article-container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.ecstra_block .latest-resources-content .article-container article {
  background-color: white;
  display: block;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 30px;
  overflow: clip;
  background-color: white !important;
}
@media screen and (min-width: 768px) {
  .ecstra_block .latest-resources-content .article-container article {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex: 0 1 calc(33.3333% - 0.83333em);
        flex: 0 1 calc(33.3333% - 0.83333em);
  }
}
.ecstra_block .latest-resources-content .article-container article .size-latest-resources-thumb {
  height: 220px;
  width: 100%;
}
.ecstra_block .latest-resources-content .article-container article .info {
  padding-left: 30px;
  padding-right: 30px;
}
.ecstra_block .latest-resources-content .article-container article .info .heading {
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.5625em;
}
.ecstra_block .latest-resources-content .article-container article .info .heading a {
  text-decoration: none;
}
.ecstra_block .latest-resources-content .article-container article .info .heading a:hover, .ecstra_block .latest-resources-content .article-container article .info .heading a:focus {
  color: #00974c;
  text-decoration: none;
}
.ecstra_block .latest-resources-content .article-container article .info .meta-time {
  color: #00974c;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 0.6875em;
  line-height: 1.25em;
}
.ecstra_block .latest-resources-content .article-container article .summary {
  font-size: 0.875em;
  line-height: 1.25em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.ecstra_block .latest-resources-content .article-container article .link {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
}
.ecstra_block .latest-resources-content .article-container article .link a {
  color: #1d5492;
  font-family: "Josephine Sans", Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.875em;
  text-decoration: none;
}
.ecstra_block .latest-resources-content .article-container article .link a:hover, .ecstra_block .latest-resources-content .article-container article .link a:focus {
  color: #00974c;
  text-decoration: none;
}
.ecstra_block {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Variables

  Here is where we declare all our variables like colors, fonts,
  base values, and defaults. We want to make sure this file ONLY
  contains variables that way our files don't get all messy.
  No one likes a mess.

  ******************************************************************/
  /*********************
  COLORS
  Need help w/ choosing your colors? Try this site out:
  http://0to255.com/
  *********************/
  /*
  Here's a great tutorial on how to
  use color variables properly:
  http://sachagreif.com/sass-color-variables/
  */
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Typography

  Need to import a font or set of icons for your site? Drop them in
  here or just use this to establish your typographical grid. Or not.
  Do whatever you want to...GOSH!

  Helpful Articles:
  http://trentwalton.com/2012/06/19/fluid-type/
  http://ia.net/blog/responsive-typography-the-basics/
  http://alistapart.com/column/responsive-typography-is-a-physical-discipline

  ******************************************************************/
  /*********************
  FONT FACE (IN YOUR FACE)
  *********************/
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.ecstra_block {
  /*
  The following is based of Typebase:
  https://github.com/devinhunt/typebase.css
  I've edited it a bit, but it's a nice starting point.
  */
  /*
  some nice typographical defaults
  more here: http://www.newnet-soft.com/blog/csstypography
  */
}
.ecstra_block p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}
.ecstra_block html {
  font-size: 18px;
}
.ecstra_block body h1, .ecstra_block body h2, .ecstra_block body h3, .ecstra_block body h4, .ecstra_block body h5, .ecstra_block body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
.ecstra_block body h1 {
  font-size: 1.87rem;
}
.ecstra_block body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
.ecstra_block body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
.ecstra_block body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
.ecstra_block body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
.ecstra_block body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
.ecstra_block body .wwd-list-items h3 {
  margin-bottom: 6px;
}
.ecstra_block body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
.ecstra_block body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
.ecstra_block body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
.ecstra_block body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
.ecstra_block body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
.ecstra_block body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
.ecstra_block body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
.ecstra_block body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
.ecstra_block body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
.ecstra_block body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
.ecstra_block body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
.ecstra_block body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
.ecstra_block body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
.ecstra_block body .gform_wrapper ul li.gfield,
.ecstra_block body .ginput_container.ginput_container_email,
.ecstra_block body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
.ecstra_block body li#field_1_1 {
  margin-bottom: -8px !important;
}
.ecstra_block body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}
.ecstra_block body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}
.ecstra_block .call-to-action {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #000000;
  display: inline-block;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  padding: 7.5em 0;
  text-align: left;
  width: 100vw;
}
.ecstra_block .call-to-action h2 {
  line-height: 1.2;
}
.ecstra_block .call-to-action .cta-content {
  max-width: 100%;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ecstra_block .call-to-action .cta-content {
    text-align: unset;
    max-width: 570px;
  }
}
/* ==========================================================================
 PRINT STYLESHEET
 Feel free to customize this. Remember to add things that won't make
 sense to print at the bottom. Things like nav, ads, and forms should
 be set to display none.
========================================================================== */
@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
$century-gothic:        "Helvetica Neue", Helvetica, Arial, sans-serif;
$serif:             "Georgia", Cambria, Times New Roman, Times, serif;

/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*
$century-gothic:              'Lato', $century-gothic;
$font-family:       $century-gothic;
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

.latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
.latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
.latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}

.latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}

.latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}

.gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
}

.nav#menu-main-menu > li .sub-menu > li > a {
  border-bottom: 0px !important;
}

.single-post-body {
  width: 808px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

h1.entry-title.single-title {
  font-size: 1.833rem;
  line-height: 2.44rem;
}

.meta-intro p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.single-post .ecstra_block.latest-resources-content h2 {
  font-size: 1.4667rem !important;
  padding-left: 0px;
  text-align: center !important;
}

.post-thumbnail {
  position: relative;
}

div#linkedin-share {
  height: 25px;
  width: 25px;
  position: absolute;
  left: -46px;
  top: 0;
}

div#linkedin-share a {
  width: 25px;
  height: 25px;
  display: block;
}

@media screen and (max-width: 882px) {
  div#linkedin-share {
    position: initial;
  }
}
.logo-grid img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.caption-left figcaption {
  text-align: left !important;
}

body .grants-list-content .wrap.cf .grants-menu p, body .grants-list-content .wrap.comment-respond .grants-menu p {
  font-size: 1rem;
}

.blog #inner-content {
  width: 100vw;
}

.blog h2 {
  margin-top: 100px;
  text-align: center;
  font-size: 1.4667rem;
  margin-bottom: 49px;
  max-width: 90vw;
}

.blog-buttons {
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.083%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 99px;
}

.blog-button {
  background-color: #2D2B64;
  padding: 10px 50px;
}

.blog-button a {
  color: white !important;
  text-decoration: none;
  font-family: "Josephine Sans";
  font-weight: 500;
  font-size: 0.8533rem;
  text-align: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 169px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-button:has(a:hover) {
  background-color: #4DBFBD;
}

@media screen and (max-width: 887px) {
  .blog-buttons {
    gap: 19px;
    max-width: 90vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 400px) {
  .blog-button {
    background-color: #2D2B64;
    padding: 10px 10px;
  }
  .blog-button a {
    width: 169px;
  }
}
.article-container.blog-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.ecstra_block.latest-resources-content.resources {
  background-color: #FAFAFA !important;
  padding-top: 100px;
}

.blog ul.page-numbers {
  background-color: rgba(0, 0, 0, 0);
  margin: 0px;
}

.blog .page-numbers {
  font-size: 1rem;
  font-family: "Josephine Sans";
  line-height: normal;
  padding: 0px 15px;
  color: #808080;
}

.blog span.page-numbers.current {
  color: black;
  font-weight: 500;
}

a.page-numbers:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #2D2B64;
  text-shadow: 0 0 #2D2B64;
}

.blog .latest-resources-content .article-container article .info h3 {
  height: 3.6rem !important;
}

.post-type {
  background-color: #4DBFBD;
  display: inline-block;
  padding: 10px;
  font-size: 0.7778rem;
  color: white;
  font-family: "Josephine Sans";
  font-weight: 500;
  -webkit-transform: translate(0px, -9px);
          transform: translate(0px, -9px);
}

.pagination li:has(.next) {
  border-right: 0px;
}

.blog-filter-bar {
  background-color: #2D2B64;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 36px;
  padding-bottom: 36px;
}

.blog-filter-wrap {
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}

.blog-filter-wrap h3 {
  color: white;
  font-size: 1.8333rem;
  line-height: normal;
}

button.filter-submit {
  background-color: #818181;
  border-radius: 4px;
  color: white;
  font-family: "Josephine Sans";
  font-weight: 500;
  font-size: 0.8533rem;
  padding: 10px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #818181;
}

button.filter-submit:hover {
  background-color: #4DBFBD;
  border: 1px solid #4DBFBD;
}

.blog-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

form.blog-filter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

form.blog-filter-form select {
  margin: 0px;
  height: 36px;
  width: 250px;
  font-family: "Josephine Sans";
  color: #000000;
  font-weight: 400;
  font-size: 0.85333rem;
  background-color: white;
}

@media screen and (max-width: 890px) {
  .blog-filter-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 890px) {
  .article-container.blog-container {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 890px) {
  .article-container.blog-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 470px) {
  form.blog-filter-form {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}
.blog-filter-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  height: 42px;
  font-family: inherit;
  font-size: 14px;
  line-height: 42px;
  color: #333;
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 10px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.405' height='9.287' viewBox='0 0 15.405 9.287'%3E%3Cpath d='M2 2l5.583 5.131 5.583-5.131' fill='none' stroke='%23818181' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
}

.blog-filter-form select::-ms-expand {
  display: none;
}

.blog-filter-form select:focus {
  outline: none;
  border-color: #A5A5A5;
}
/*# sourceMappingURL=maps/style.css.map */

.current_page_item > a, .nav li ul.sub-menu .current-menu-item > a, .current_page_parent > a{
    color: #00974c !important;
}

@media screen and (max-width: 1029px) {	
	.header nav ul.nav{
		border-bottom: 1px solid #00974c;
    	padding-bottom: 8px;
	}
}


.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
	 width: 100%;
    text-align: left;
    font-weight: 100;
}

@media screen and (max-width: 1029px) {
.modal-content{
	padding-left: 25px;
    padding-right: 25px;
}
.is-style-wrapper > * > * {
    max-width: 76vw;
}
}

.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    top: -26px;
}
.blog .page-numbers {
    font-weight: 600;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: black !important;
}
@media screen and (max-width: 781px) {
.send-us-a-message.contact-subscribe.special-subscribe .ginput_container, .send-us-a-message.contact-subscribe.special-subscribe .ginput_container + * {
    max-width: 100%;
    display: flex;
    justify-content: center;
}
.send-us-a-message.contact-subscribe.special-subscribe .ginput_container span {
    max-width: 100%;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
}

.send-us-a-message.contact-subscribe.special-subscribe .gform-footer.gform_footer.top_label {
    display: flex;
    justify-content: center;
	}}

.ecstra_block.latest-resources-content.resources .pagination li {
    border-right: 2px solid #E0E0E0;
}

.ecstra_block.latest-resources-content.resources .pagination li:has(.next) {
    border-right: 0px;
}

@media screen and (min-width: 780px) {
    .wp-block-cover.banner.is-style-full-width.event-banner .wp-block-cover__background.has-background-dim {
        opacity: 1 !important;
    }	
}

@media screen and (max-width: 781px) {
.wp-block-column.event-icon-col.is-layout-flow.wp-block-column-is-layout-flow {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-50%, -100%);
    height: 50px;
	}
.wp-block-cover.banner.is-style-full-width.event-banner h1 {
    opacity: 1 !important;
    line-height: 3.31rem;
    font-size: 2rem !important;
    margin-top: 90px;
    text-align: center;
}
.wp-block-columns.event-banner-icon-row.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    transform: translate(70px, 0px);
}
}

.wp-block-column.event-banner-icon-content.is-layout-flow.wp-block-column-is-layout-flow {
    min-width: 200px;
}

.wp-block-column.event-icon-col.is-layout-flow.wp-block-column-is-layout-flow .wp-block-image figure {
    height: 100px;
}

.wp-block-column.event-banner-icon-col.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 30px !important;
}

.wp-block-column.event-banner-icon-content.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 200px !important;
}

.wp-block-cover.banner.is-style-full-width.event-banner h1 {
        opacity: 1 !important;
	line-height:3.31rem;
	font-size:2.625rem;
}

.wp-block-cover.banner.is-style-full-width.event-banner .wp-block-columns {
    margin-bottom: 0px !important;
}

/* EVENT BANNER ICON BLOCK */
.event-banner-icon-boss{
  width: fit-content;	
}

.wp-block-cover.banner.is-style-full-width.event-banner .wp-block-columns {
    margin-bottom: 0px !important;
    max-height: 40px !important;
}

/* each row */
.event-banner-icon-row{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.event-banner-icon-row:last-child{
  margin-bottom: 0;
}

/* icon column */
.event-banner-icon-col{
  flex: 0 0 24px;
}

.event-banner-icon-col img {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
}

/* text column */
.event-banner-icon-content p{
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.4;
}

.event-banner-icon-content em{
  font-style: italic;
  font-weight: 500;
  color: #ffffff;
}


.agenda,
.agenda *{
  box-sizing: border-box;
}

.agenda table,
.agenda tbody,
.agenda tr,
.agenda td{
  border: 0 !important;
  background: transparent !important;
}

.agenda {
    margin: 0;
    width: 826px;
    margin-left: auto;
    margin-right: auto;
		max-width:90vw;
}

.agenda table{
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 30px;
  position: relative;
  color: #222;
}

.agenda td{
  padding: 0;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.7;
  color: #222;
}

/* time column */
.agenda td:first-child{
  width: 230px;
  padding-right: 22px;
  text-align: right;
  font-weight: 800;
  color: #111;
  white-space: nowrap;
  border-right: 1px solid #18b6b1 !important;
}

/* content column */
.agenda td:nth-child(2){
  padding-left: 28px;
  color: #222;
}

.nl {
    height: 18px;
}

.logo-grid.narrow-logo {
    width: 1015px;
    margin-left: auto;
    margin-right: auto;
}

/* titles */
.agenda td:nth-child(2) strong{
  font-weight: 800;
  color: #111;
}

/* Text */
.agenda td:nth-child(2) {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.agenda td:nth-child(2) strong:not(:first-of-type) {
    margin-top: 20px;
    display: inline-block;
}

.agenda td:nth-child(2) strong mark{
	transform: translate(-0px, -5px);
	display: inline-block;
}


.agenda td:nth-child(1){
  font-size:18px;
	line-height:18px;
}

/* spacing after title line */
.agenda td:nth-child(2) strong + br{
  display: block;
  margin-top: 10px;
}

/* ensure WP doesn’t fade text */
.agenda td:nth-child(2){
  opacity: 1;
  filter: none;
}

/* Mobile stack */
@media (max-width: 700px){
  .agenda td{
    display: block;
    width: 100% !important;
    padding: 10px 0;
  }

  .agenda td:first-child{
    text-align: left;
    padding-right: 0;
    margin-bottom: 6px;
    border-right: 0 !important;
  }

  .agenda td:nth-child(2){
    padding-left: 0;
		border-bottom: 1px solid #18b6b1 !important;
  }
	.agenda tr{
		border-bottom: 1px solid #18b6b1 !important;
	}
	.agenda table {
    border-spacing: 0 10px;
}
}
ul.wp-block-list.heavy-list li {
    font-weight: 500;
}

.white-cards .our-people-list-wrap .our-people-list .user-list {
    background-color: white;
}

#inner-content .wp-block-cover.banner.is-style-full-width .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained{
    width:1200px !important;
}
/* new end */

.ecstra_block.banner-static {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-position: left;
    div.banner-item{
        background-position: left;
        .wrap.cf{
            width: 1300px;
            max-width: 90vw;
            padding-top: 90px;
            .banner-content{
                h1{
                    color: white;
                    font-size: 3rem;
                    font-weight: 600;
                }
            }
        }
        @media screen and (max-width:670px) {
            min-height: 180px;
        }
    }
}

.banner.slick-slider.slick-initialized{
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item{
	background-size:contain !important;
}

/*here*/
main#main .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    max-width: 90vw !important;
}

.blog .is-style-full-width > div {
    width: 1200px !important;
}

.blog h2 {
    margin-left: auto;
    margin-right: auto;
}

ul.wp-block-list.heavy-list li {
    font-weight: 500;
}

.white-cards .our-people-list .user-list {
    background-color: white !important;
}

/*.agenda td:nth-child(2) strong, .agenda td:nth-child(2) strong:not(:first-of-type) {
    display: block !important;
}*/

@media screen and (min-width: 780px) {
    .wp-block-cover.banner.is-style-full-width.event-banner .wp-block-cover__background.has-background-dim {
        opacity: 1 !important;
    }	
}

@media screen and (max-width: 781px) {
.wp-block-column.event-icon-col.is-layout-flow.wp-block-column-is-layout-flow {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-50%, -100%);
    height: 50px;
	}
.wp-block-cover.banner.is-style-full-width.event-banner h1 {
    opacity: 1 !important;
    line-height: 3.31rem;
    font-size: 2rem !important;
    margin-top: 90px;
    text-align: center;
}
.wp-block-columns.event-banner-icon-row.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    transform: translate(70px, 0px);
}
}

.wp-block-column.event-banner-icon-content.is-layout-flow.wp-block-column-is-layout-flow {
    min-width: 200px;
}

.wp-block-column.event-icon-col.is-layout-flow.wp-block-column-is-layout-flow .wp-block-image figure {
    height: 100px;
}

.wp-block-column.event-banner-icon-col.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 30px !important;
}

.wp-block-column.event-banner-icon-content.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 200px !important;
}

.wp-block-cover.banner.is-style-full-width.event-banner h1 {
        opacity: 1 !important;
	line-height:3.31rem;
	font-size:2.625rem;
}

.wp-block-cover.banner.is-style-full-width.event-banner .wp-block-columns {
    margin-bottom: 0px !important;
}

/* EVENT BANNER ICON BLOCK */
.event-banner-icon-boss{
  width: fit-content;	
}

.wp-block-cover.banner.is-style-full-width.event-banner .wp-block-columns {
    margin-bottom: 0px !important;
    max-height: 40px !important;
}

/* each row */
.event-banner-icon-row{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.event-banner-icon-row:last-child{
  margin-bottom: 0;
}

/* icon column */
.event-banner-icon-col{
  flex: 0 0 24px;
}

.event-banner-icon-col img {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
}

/* text column */
.event-banner-icon-content p{
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.4;
}

.event-banner-icon-content em{
  font-style: italic;
  font-weight: 500;
  color: #ffffff;
}


.agenda,
.agenda *{
  box-sizing: border-box;
}

.agenda table,
.agenda tbody,
.agenda tr,
.agenda td{
  border: 0 !important;
  background: transparent !important;
}

.agenda {
    margin: 0;
    width: 826px;
    margin-left: auto;
    margin-right: auto;
		max-width:90vw;
}

.agenda table{
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 30px;
  position: relative;
  color: #222;
}

.agenda td{
  padding: 0;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.7;
  color: #222;
}

/* time column */
.agenda td:first-child{
  width: 230px;
  padding-right: 22px;
  text-align: right;
  font-weight: 800;
  color: #111;
  white-space: nowrap;
  border-right: 1px solid #18b6b1 !important;
}

/* content column */
.agenda td:nth-child(2){
  padding-left: 28px;
  color: #222;
}

.nl {
    height: 18px;
}

.logo-grid.narrow-logo {
    width: 1015px;
    margin-left: auto;
    margin-right: auto;
}

/* titles */
.agenda td:nth-child(2) strong{
  font-weight: 800;
  color: #111;
}

/* Text */
.agenda td:nth-child(2) {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.agenda td:nth-child(2) strong:not(:first-of-type) {
    margin-top: 20px;
    display: inline-block;
}

.agenda td:nth-child(2) strong mark{
	transform: translate(-0px, -5px);
	display: inline-block;
}


.agenda td:nth-child(1){
  font-size:18px;
	line-height:18px;
}

/* spacing after title line */
.agenda td:nth-child(2) strong + br{
  display: block;
  margin-top: 10px;
}

/* ensure WP doesn’t fade text */
.agenda td:nth-child(2){
  opacity: 1;
  filter: none;
}

/* Mobile stack */
@media (max-width: 700px){
  .agenda td{
    display: block;
    width: 100% !important;
    padding: 10px 0;
  }

  .agenda td:first-child{
    text-align: left;
    padding-right: 0;
    margin-bottom: 6px;
    border-right: 0 !important;
  }

  .agenda td:nth-child(2){
    padding-left: 0;
		border-bottom: 1px solid #18b6b1 !important;
  }
	.agenda tr{
		border-bottom: 1px solid #18b6b1 !important;
	}
	.agenda table {
    border-spacing: 0 10px;
}
}

/* new end */
figure.wp-block-image.size-full.is-resized img {
    object-fit: contain;
}
@media screen and (max-width: 633px) {
.footer #inner-footer > div:nth-child(1) .gfield--type-email{
	    margin-top: -5px !important;
}
}

.gform-theme--no-framework .gform-body.gform_body .gfield_error:not(:first-of-type) .gfield_validation_message {
    display: none;
}


.wp-block-cover.banner.is-style-full-width img.wp-block-cover__image-background {
    height: 100%;
}
.wp-block-cover.banner.is-style-full-width .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained h1 {
    width: 700px;
    max-width: 86vw;
}

@media screen and (min-width: 780px) {
.wp-block-cover.banner.is-style-full-width .wp-block-cover__background.has-background-dim {
    opacity: 0 !important;
}
}

.wp-block-cover.banner.is-style-full-width .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    width: 100% !important;
}

.wp-block-cover.banner.is-style-full-width {
    padding: 0px !important;
}

.wp-block-cover.banner.is-style-full-width .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    width: 86% !important;
}

@media screen and (max-width: 781px) {
    .talk-money {
        display: grid;
        grid-template-columns: 1fr;
    }
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
        margin-left: 0px;
    }
	.wp-block-columns.tm-cols.wrapper-narrow.has-video{
		display:grid;
	}
}
.banner.slick-slider.slick-initialized{
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item{
	background-size:contain !important;
}

.wp-block-column.is-vertically-aligned-center.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
    padding: 0px 0px;
}

.many-grants .grant-content {
    padding-bottom: 50px;
}

form.blog-filter-form select {
    line-height: normal;
}

.dynamic-banner {
    display: none !important;
}

.our-people-content .our-people-list-wrap .our-people-list .user-list p {
    line-height: 1rem;
    margin-top: 3px;
}

.our-people-content .our-people-list-wrap .our-people-list .user-list {
    padding: 18px !important;
}
@media screen and (max-width: 760px) {
    .gform_wrapper form {
        min-width: auto;
    }
}

@media screen and (max-width: 780px) {
    .wp-block-columns.wwd-list-items.only-2 {
    gap: 150px;
}
	.hide-mobile{
		display:none !important;
	}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns {
    margin-bottom: 0px;
}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) {
    height: 200px;
}
	.wp-block-columns.menu-multiple p {
    padding-bottom: 26px;
}
}

@media screen and (max-width: 778px) {
    body .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
        width: 354px !important;
        height: 354px !important;
    }
	.event-thumb {
    max-height: 370px;
}
}

html .is-style-wrapper .fit-text > * {
    max-width: 98%;
}

.narrowest{
	max-width:90% !important;
}

.wp-block-column.force-center.is-layout-flow.wp-block-column-is-layout-flow figure {
    text-align: center;
}

@media screen and (max-width: 782px) {
    .policy-reports-img {
        max-width: 50vw !important;
    }
}

@media screen and (max-width: 778px) {
    body .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
        transform: translate(0px, 50px);
    }
	.cell-bottom-no-padding{
		padding-bottom:0px !important;
	}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) figure{
		display:flex;
		height: 100% !important;
		        margin-top: -44px;
	}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) img {
        height: 200px !important;
    
}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) {
        height: 150px !important;
    
}
}

@media screen and (max-width: 770px) {
    .upcoming-event-block {
        gap: 48px;
    }
}

.wp-block-image.event-logo{
	width:100%;
}

@media screen and (max-width: 770px) {
    .wp-block-columns.advisory-panel-images .wp-block-column.image-white-circle {
    width: auto;
    min-width: 30px !important;
    margin-left: auto;
    margin-right: auto;
}
	.wp-block-columns.advisory-panel-images .wp-block-column.image-white-circle img{
        margin-top: -90px;
}
}

@media screen and (max-width: 370px) {
    .wp-block-columns.advisory-panel-images .wp-block-column.image-white-circle {
    width: auto;
    min-width: 30px !important;
    margin-left: auto;
    margin-right: auto;
}
	.wp-block-columns.advisory-panel-images .wp-block-column.image-white-circle img{
        margin-top: -90px;
}
	    body .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
        max-width: 80%;
        height: calc(100vw - 105px) !important;
    }
}

.blog .wp-block-cover.is-light.banner.is-style-full-width img {
    object-position: 90% 50%;
}

#inner-content .wp-block-cover.banner.is-style-full-width .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained{
    width:1200px !important;
}

@media screen and (max-width: 780px) {
    .special-form-cols {
        width: 76vw;
    }
}

@media screen and (max-width: 780px) {
    .wp-block-columns.menu-multiple p {
        border-bottom: 0px !important;
    }
}


/* EVENT NEW */
/* =========================================================
   EVENT SCHEDULE (Gutenberg Columns) — match .agenda styling
   ========================================================= */

.event-schedule,
.event-schedule *{
  box-sizing: border-box;
}

/* make the row look like your agenda table rows */
.event-schedule{
  margin: 0 auto 30px;
  width: 826px;
  max-width: 90vw;
  color: #222;
}

/* remove default column gap so our padding matches */
.event-schedule{
  gap: 0 !important;
}

/* both columns base text styling */
.event-schedule > .wp-block-column{
  padding: 0;
  margin: 0;
}

.event-schedule > .wp-block-column p{
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #222;
}

/* LEFT column (time) = agenda td:first-child */
.event-schedule > .wp-block-column:first-child{
  flex-basis: 230px !important;   /* match your agenda time width */
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 22px;
  text-align: right;
  font-weight: 800;
  color: #111;
  white-space: nowrap;
  border-right: 1px solid #18b6b1;
}

/* match your smaller line height for time text */
.event-schedule > .wp-block-column:first-child p{
  font-size: 18px;
  line-height: 18px;
  font-weight: 800;
  color: #111;
}

/* RIGHT column (content) = agenda td:nth-child(2) */
.event-schedule > .wp-block-column:nth-child(2){
  padding-left: 28px;
}

/* titles */
.event-schedule > .wp-block-column:nth-child(2) strong{
  font-weight: 800;
  color: #111;
}

/* spacing like: strong:not(:first-of-type) { margin-top:20px; display:inline-block; } */
.event-schedule > .wp-block-column:nth-child(2) p strong{
  display: inline-block;
}

.event-schedule > .wp-block-column:nth-child(2) p strong:not(:first-child){
  margin-top: 20px;
}

/* mimic your mark tweak */
.event-schedule > .wp-block-column:nth-child(2) strong mark{
  transform: translate(0, -5px);
  display: inline-block;
}

/* Mobile stack (same breakpoint logic as your agenda) */
@media (max-width: 700px){
  .event-schedule{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #18b6b1;
  }

  .event-schedule{
    flex-direction: column !important;
  }

  .event-schedule > .wp-block-column{
    flex-basis: auto !important;
    width: 100% !important;
    padding: 10px 0;
  }

  .event-schedule > .wp-block-column:first-child{
    text-align: left;
    padding-right: 0;
    border-right: 0;
    margin-bottom: 6px;
  }

  .event-schedule > .wp-block-column:nth-child(2){
    padding-left: 0;
  }
}

.latest-resources-content .article-container article .info .heading {
    max-height: 65px;
}


/* 23 April 2026*/

@media screen and (min-width: 780px) {
    .wp-block-cover.banner.is-style-full-width.event-banner .wp-block-cover__background.has-background-dim {
        opacity: 1 !important;
    }	
}

@media screen and (max-width: 781px) {
.wp-block-column.event-icon-col.is-layout-flow.wp-block-column-is-layout-flow {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-50%, -100%);
    height: 50px;
	}
.wp-block-cover.banner.is-style-full-width.event-banner h1 {
    opacity: 1 !important;
    line-height: 3.31rem;
    font-size: 2rem !important;
    margin-top: 90px;
    text-align: center;
}
.wp-block-columns.event-banner-icon-row.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    transform: translate(70px, 0px);
}
}

.wp-block-column.event-banner-icon-content.is-layout-flow.wp-block-column-is-layout-flow {
    min-width: 200px;
}

.wp-block-column.event-icon-col.is-layout-flow.wp-block-column-is-layout-flow .wp-block-image figure {
    height: 100px;
}

.wp-block-column.event-banner-icon-col.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 30px !important;
}

.wp-block-column.event-banner-icon-content.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 200px !important;
}

.wp-block-cover.banner.is-style-full-width.event-banner h1 {
        opacity: 1 !important;
	line-height:3.31rem;
	font-size:2.625rem;
}

.wp-block-cover.banner.is-style-full-width.event-banner .wp-block-columns {
    margin-bottom: 0px !important;
}

/* EVENT BANNER ICON BLOCK */
.event-banner-icon-boss{
  width: fit-content;	
}

.wp-block-cover.banner.is-style-full-width.event-banner .wp-block-columns {
    margin-bottom: 0px !important;
    max-height: 40px !important;
}

/* each row */
.event-banner-icon-row{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.event-banner-icon-row:last-child{
  margin-bottom: 0;
}

/* icon column */
.event-banner-icon-col{
  flex: 0 0 24px;
}

.event-banner-icon-col img {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
}

/* text column */
.event-banner-icon-content p{
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.4;
}

.event-banner-icon-content em{
  font-style: italic;
  font-weight: 500;
  color: #ffffff;
}


.agenda,
.agenda *{
  box-sizing: border-box;
}

.agenda table,
.agenda tbody,
.agenda tr,
.agenda td{
  border: 0 !important;
  background: transparent !important;
}

.agenda {
    margin: 0;
    width: 826px;
    margin-left: auto;
    margin-right: auto;
		max-width:90vw;
}

.agenda table{
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 30px;
  position: relative;
  color: #222;
}

.agenda td{
  padding: 0;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.7;
  color: #222;
}

/* time column */
.agenda td:first-child{
  width: 230px;
  padding-right: 22px;
  text-align: right;
  font-weight: 800;
  color: #111;
  white-space: nowrap;
  border-right: 1px solid #18b6b1 !important;
}

/* content column */
.agenda td:nth-child(2){
  padding-left: 28px;
  color: #222;
}

.nl {
    height: 18px;
}

.logo-grid.narrow-logo {
    width: 1015px;
    margin-left: auto;
    margin-right: auto;
}

/* titles */
.agenda td:nth-child(2) strong{
  font-weight: 800;
  color: #111;
}

/* Text */
.agenda td:nth-child(2) {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.agenda td:nth-child(2) strong:not(:first-of-type) {
    margin-top: 20px;
    display: inline-block;
}

.agenda td:nth-child(2) strong mark{
	transform: translate(-0px, -5px);
	display: inline-block;
}


.agenda td:nth-child(1){
  font-size:18px;
	line-height:18px;
}

/* spacing after title line */
.agenda td:nth-child(2) strong + br{
  display: block;
  margin-top: 10px;
}

/* ensure WP doesn’t fade text */
.agenda td:nth-child(2){
  opacity: 1;
  filter: none;
}

/* Mobile stack */
@media (max-width: 700px){
  .agenda td{
    display: block;
    width: 100% !important;
    padding: 10px 0;
  }

  .agenda td:first-child{
    text-align: left;
    padding-right: 0;
    margin-bottom: 6px;
    border-right: 0 !important;
  }

  .agenda td:nth-child(2){
    padding-left: 0;
		border-bottom: 1px solid #18b6b1 !important;
  }
	.agenda tr{
		border-bottom: 1px solid #18b6b1 !important;
	}
	.agenda table {
    border-spacing: 0 10px;
}
}

/* new end */

.wp-block-cover.banner.is-style-full-width img.wp-block-cover__image-background {
    height: 100%;
}

@media screen and (min-width: 780px) {
.wp-block-cover.banner.is-style-full-width .wp-block-cover__background.has-background-dim {
    opacity: 0 !important;
}
}

@media screen and (max-width: 781px) {
    .talk-money {
        display: grid;
        grid-template-columns: 1fr;
    }
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
        margin-left: 0px;
    }
	.wp-block-columns.tm-cols.wrapper-narrow.has-video{
		display:grid;
	}
	.wp-block-columns.has-three-buttons{
		 justify-items: start;
	}
}
.banner.slick-slider.slick-initialized{
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item{
	background-size:contain !important;
}

.wp-block-column.is-vertically-aligned-center.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
    padding: 0px 0px;
}

.many-grants .grant-content {
    padding-bottom: 50px;
}

form.blog-filter-form select {
    line-height: normal;
}

.dynamic-banner {
    display: none !important;
}

/* Mobile 2.0 
@media screen and (max-width: 781px) {
	.mobile-less{
		height:20px !important;
	}
	.narrowest {
    max-width: 100% !important;
}
	h2.wp-block-heading.has-text-align-center.is-style-smaller-title {
    text-align: center !important;
}
	.wp-block-cover.banner.is-style-full-width {
    min-height: 200px !important;
}
	.wp-block-cover.is-light.is-style-full-width.is-style-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
}
	.wp-block-cover.is-light.tm-row {
    padding-top: 25px !important;
}
.wp-block-columns.talk-money.wp-block-columns-is-layout-flex {
    gap: 0px;
}
	body h2.is-style-smaller-title {
    max-width: 92vw;
}
	.wwd-list-items .wp-block-column {
    padding-bottom: 0px;
    padding-top: 20px;
}
	
	body .less-padding.no-bottom-padding {
    padding-top: 50px !important;
}
	.wp-block-cover.is-light.is-style-full-width.less-padding.no-bottom-padding h2, .wp-block-cover.is-light.is-style-full-width.less-padding.no-bottom-padding p {
    text-align: left;
}
	figure.wp-block-image.size-large.policy-reports-img {
    width: 350px;
    max-width: 90vw !important;
}
	.policy-reports {
    margin-bottom: 0px;
}
	.blog h2 {
    margin-left: auto;
    margin-right: auto;
		    margin-top: 34px;
    margin-bottom: 20px;
}
	.blog-buttons{
	    margin-bottom: 52px;	
	}
	ul.social-links {
    margin-bottom: 20px !important;
}
	.footer #inner-footer > div:nth-child(2) {
    padding-top: 10px;
}
}

.blog-button {
    border-radius: 4px;
}*/

/* Last mobile */
@media screen and (max-width: 781px) {
.wwd-list-items .wp-block-column .wp-block-image {
    top: -125px;    
	}
	.is-style-pannels-list > div.wp-block-cover__inner-container p {
    line-height: 1.2rem;
    margin-bottom: 11px !important;
}
	p.footnoter {
    line-height: 1rem;
    margin-top: 10px;
}
	    h2.wp-block-heading.has-text-align-center.is-style-smaller-title {
        text-align: left !important;
    }
	.wp-block-columns.wwd-list-items .wp-block-button.is-style-arrow-button {
    margin-bottom: 36px;
}
	.wp-block-column.is-vertically-aligned-top.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
    margin-top: -60px;
}
	.wp-block-columns.advisory-panel-images.bigger-gap.is-layout-flex.wp-block-columns-is-layout-flex {
    max-width: 85vw;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-columns.advisory-panel-images.bigger-gap.is-layout-flex.wp-block-columns-is-layout-flex h2 {
    line-height: 1.7rem;
    margin-bottom: 26px;
}
	.wp-block-columns.advisory-panel-images.bigger-gap.is-layout-flex.wp-block-columns-is-layout-flex p {
    margin-bottom: 20px;
}
	.has-text-align-center {
    text-align: left;
}
	section.entry-content.cf > .wp-block-group {
    max-width: 86vw;
    margin-left: auto;
    margin-right: auto;
}
	body .wwd-list-items.list-has-percentages .wp-block-column .wp-block-image {
    top: -130px;
}
	h3.wp-block-heading.has-text-align-center.percentage-large.has-text-color.has-link-color {
    text-align: center;
}
	.wp-block-columns.wwd-list-items.list-has-percentages.is-layout-flex.wp-block-columns-is-layout-flex:has(.percentage-large) img {
    width: 150px !important;
    height: 150px !important;
}
	.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
    gap: 0px;
}
	.wp-block-column.has-counter.is-layout-flow.wp-block-column-is-layout-flow {
    margin-bottom: 0px !important;
}
	.blog-filter-bar{
		    padding-top: 0px !important;
	}
	.footer .copyright {
    text-align: left;
}
	.footer-form {
    width: 71vw;
    margin-left: 29px;
}
	.footer-form .gform_legacy_markup_wrapper form{
		    width: 100%;
	}
	.footer-address p {
    text-align: left;
}
	p.menu-clickable {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
	p.menu-clickable:not(.menu-active) {
    border-bottom: 0px !important;
}
	    .header nav ul.nav {
        max-width: 90vw;
        left: 5vw;
    }
}/* Last mobile end */

/* mobile bonus */
@media screen and (max-width: 781px) {
.wwd-grey p, .wwd-grey h3 {
    text-align: center;
}
	main .wp-block-column.advisory-panel-content p {
    line-height: 1.6rem;
}
	.grant-partners .grant-partners-columns {
    margin-bottom: 0px;
}
	.wp-block-cover.is-light.is-style-pannels-list + div {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
	.set-width-911 {
    max-width: 98vw !important;
}
	    main .policy-reports-img {
        margin-top: 0px;
    }
	main .our-impact > div > div {
    max-width: 100vw;
}
	main .entry-content .our-impact.smaller-impacts .has-counters {
    max-width: 100vw;
}
	main .entry-content .our-impact.smaller-impacts .impact-item {
    transform: scale(1);
}
	.wp-block-group.our-impact.light-grey-bg.smaller-impacts {
    width: 100vw !important;
    max-width: 100vw !important;
}
	.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
        gap: 34px !important;
    }
	.wp-block-group.our-impact.grey-bg.height-100.has-background {
    max-width: 100vw;
}
	.wp-block-group.our-impact.grey-bg.height-100.has-background > div {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
	main .wp-block-group.our-impact.grey-bg.height-100.has-background.our-impact > div > div {
    max-width: 90vw !important;
}
	.entry-content .our-impact .has-counter * {
    text-align: center;
}
	body .less-padding {
    padding-bottom: 26px !important;
}
	.footer #inner-footer .footer-address {
    max-width: 81vw;
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}
	.footer input[type=email] {
    margin-top: -6px !important;
}
.menu-multiple {
    margin-top: -50px !important;
    padding-bottom: 44px !important;
    margin-bottom: -46px;
    padding-left: 10px;
}
	.header nav ul.nav {
        left: 5vw;
        padding-left: 10px;
    }
}

/* Mobile last */
@media screen and (max-width: 781px) {
.wwd-list-items .wp-block-column .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow * {
    text-align: left;
	}
	.not-too-wide {
    max-width: 87vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
	.logo-grid {
    gap: 0px;
    margin-bottom: 0px;
    row-gap: 0px;
}
	    h2.wp-block-heading.has-text-align-center.is-style-smaller-title {
        max-width: 86vw;
        margin-left: auto;
        margin-right: auto;
    }
	    body .less-padding {
        padding-top: 28px !important;
    }
	   body form.blog-filter-form > button.filter-submit {
        width: calc(100% - 1px) !important;
        justify-content: center;
    }/* done end */
	.policy-reports-left * {
    width: 93% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
	.wp-block-group.our-impact.grey-bg.has-background {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: 0px !important;
}
	.wp-block-group.our-impact.grey-bg.has-background > * > * {
    width: 86vw;
    margin-left: auto;
    margin-right: auto;
}
	main .is-style-pannels-list > div.wp-block-cover__inner-container p {
        margin-bottom: 22px !important;
    }
}/* done end */
/* 12 March */
@media screen and (max-width: 781px) {
	.talk-money img {
    max-width: 80% !important;
}
	.wp-block-group.our-impact.grey-bg {
    max-width: 100vw !important;
    margin: 0 calc(50% - 50vw) 0 !important;
}
	body .entry-content .our-impact h2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
		min-width:92vw;
}
	.wwd-list-items .wp-block-column .wp-block-group.wwd-grey .wp-block-group__inner-container, .wwd-list-items .wp-block-column .wp-block-group.wwd-grey.center-content{
		width: 100%;
	}
	 .wp-block-column.policy-reports-right.is-layout-flow.wp-block-column-is-layout-flow .policy-reports-img {
        max-width: 100vw !important;
    }
	    .is-style-pannels-list > div.wp-block-cover__inner-container p {
        line-height: 1.67rem !important; /*updated*/
    }
	.policy-reports-left .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-left: 0px !important;
}
	.policy-reports-left .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button {
    margin-left: 0px !important;
}
#main     .wp-block-column.policy-reports-right.is-layout-flow.wp-block-column-is-layout-flow .policy-reports-img {
        max-width: 75vw !important;
    }	
	.wp-block-columns.is-style-default.has-white-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    padding-left: 0px;
    padding-right: 0px;
    width: 86vw;
    margin-left: auto;
		margin-right: auto; /* updated */
}
	    /*#main .wwd-list-items .wp-block-column .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow * {
        text-align: center;
    }*/
	#main .policy-reports-left * {
        width: 97% !important;
    }
	figure.wp-block-image.size-large.policy-reports-img
 {
    width: 329px;
    max-width: 90vw;
}
	.wp-block-button.is-style-arrow-button a {
    text-align: left !important;
}
}

/* mobile last */
@media screen and (max-width: 781px) {
	main#main .mobile-left{
		text-align:left !important;
	}
	main#main .mobile-left.is-layout-flex.wp-block-buttons-is-layout-flex a.wp-block-button__link.wp-element-button {
    padding-left: 14px !important;
    text-align: left;
    max-width: 200px;
}
	main#main .mobile-left.is-layout-flex.wp-block-buttons-is-layout-flex > * {
    width: 200px !important;
    margin-left: -2px !important;
}
main#main figure.wp-block-image.size-large.is-resized.policy-reports-img img {
    object-fit: contain !important;
}
	.wp-block-group.our-impact.grey-bg.has-background .wp-block-group.wrap.cf.wide-content > * {
    width: 90vw;
}
	/*.wwd-list-items .wp-block-column .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button.is-style-arrow-button {
    margin-left: auto;
    margin-right: auto;
}*/
	    .wp-block-columns.has-three-buttons {
        width: 86vw;
        margin-left: auto;
        margin-right: auto;
    }
	.modal-content {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
}
}

/* Lastest */
@media screen and (max-width: 781px) {
	.wp-block-group.wrap.cf.wide-content p {
    max-width: 86vw;
}
	body .wwd-list-items.list-has-percentages p {
    text-align: center !important;
}
	.max-90{
		max-width:90% !important;
		        margin-left: auto;
        margin-right: auto;
	}
}

/* Mobile stack */
@media (max-width: 700px){
  .agenda td{
    display: block;
    width: 100% !important;
    padding: 10px 0;
  }

  .agenda td:first-child{
    text-align: left;
    padding-right: 0;
    margin-bottom: 6px;
    border-right: 0 !important;
  }

  .agenda td:nth-child(2){
    padding-left: 0;
		border-bottom: 1px solid #18b6b1 !important;
  }
	.agenda tr{
		border-bottom: 1px solid #18b6b1 !important;
	}
	.agenda table {
    border-spacing: 0 10px;
}
}
ul.wp-block-list.heavy-list li {
    font-weight: 500;
}

.white-cards .our-people-list .user-list {
    background-color: white !important;
}
/* new end */

@media screen and (max-width: 760px) {
    .gform_wrapper form {
        min-width: auto;
    }
}

@media screen and (max-width: 780px) {
    .wp-block-columns.wwd-list-items.only-2 {
    gap: 150px;
}
	.hide-mobile{
		display:none !important;
	}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns {
    margin-bottom: 0px;
}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) {
    height: 200px;
}
}

@media screen and (max-width: 778px) {
    body .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
        width: 354px !important;
        height: 354px !important;
    }
    .event-thumb {
    max-height: 250px;
}
}

@media screen and (max-width: 782px) {
    .policy-reports-img {
        max-width: 50vw !important;
    }
}

@media screen and (max-width: 778px) {
    body .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
        transform: translate(0px, 50px);
    }
	.cell-bottom-no-padding{
		padding-bottom:0px !important;
	}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) figure{
		display:flex;
		height: 100% !important;
		        margin-top: -44px;
	}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) img {
        height: 200px !important;
    
}
	.wp-block-cover.is-light.grant-partners.is-style-default .grant-partners-columns .wp-block-column:has(img) {
        height: 150px !important;
    
}
}

@media screen and (max-width: 770px) {
    .upcoming-event-block {
        gap: 48px;
    }
    .wp-block-columns.menu-multiple p {
    padding-bottom: 26px;
}
}

#inner-content .wp-block-cover.banner.is-style-full-width .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained{
    width:1200px !important;
}

/* Mobile optimization */
@media screen and (min-width: 781px) {
	.mobile-only{
		display:none !important;
	}
}
@media screen and (max-width: 780px) {
	.latest-resources-content h2 {
    padding-left: 0px !important;
}
	.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
    margin-bottom: 58px;
}
	.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns .wp-block-column .wp-block-group.impact-item > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
	.tm-right {
    padding-top: 80px;
}
	.wp-block-columns.tm-cols.wrapper-narrow.has-video {
    gap: 0px;
}
	.small-mobile{
		max-height:30px !important;
	}
	    .wp-block-columns.has-three-buttons {
        gap: 5px;
    }
	.special-form-cols .special-form-cols-center p {
        width: 234px;
        margin-left: auto;
        margin-right: auto;
    }
	.wp-block-columns.is-style-wrapper > div > * {
    max-width: 100%;
}
	.wp-block-columns.is-style-wrapper > div {
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
}
	.is-style-wrapper {
    padding: 0px;
}
	.is-style-wrapper .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    max-width: 84vw;
}
	.hide-mobile{
		display:none !important;
	}
	.is-style-pannels-list img {
    max-width: 90%;
}
	body h2 {
    text-align: left !important;
}
	.wp-block-column.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow p {
    margin-bottom: 00px;
}
	.wp-block-columns.wwd-list-items {
    gap: 145px !important;
		margin-bottom: 0px;
}
	.wp-block-columns.wwd-list-items.only-2 + div > * {
    max-width: 90%;
}
	.is-style-full-width {
    padding-top: 30px;
    padding-bottom: 30px;
}
	.wp-block-buttons.is-content-justification-center:has(.is-style-arrow-button) {
    display: flex;
    justify-content: flex-start;
}
	.mobile-img-90 figure {
    width: 90%;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
}
	.mobile-img-90 figure img{
        height: auto !important;
}
	.mobile-more{
		    height: 130px !important;
	}
	    .entry-content .our-impact .wp-block-group__inner-container .wp-block-columns .wp-block-column .wp-block-group.impact-item > div {
        gap: 10px;
    }
	.policy-reports-img {
    max-width: 78vw !important;
}
	.policy-reports {
    gap: 0px !important;
}
	.contact-us-outer{
		padding-bottom:0px !important;
	}
	.contact-us-outer {
    padding-bottom: 30px !important;
}
	.wp-container-core-buttons-is-layout-8e8a235c > div {
    width: 55px !important;
}    
	.contact-us-outer .wp-block-cover__inner-container .contact-us-columns .send-us-a-message_wrapper .send-us-a-message {
        width: 100%;
    }
	form.blog-filter-form > * {
    width: 100% !important;
}
	form.blog-filter-form > button.filter-submit {
    width: calc(100% - 8px) !important;
}
	.upcoming-event-block .event-thumb img {
    min-height: auto !important;
}
	.grants-list-content .wrap.cf .grants-list .grant-item .grant-image img, .grants-list-content .wrap.comment-respond .grants-list .grant-item .grant-image img {
    width: 226px;
    max-width: 25vw;
}
	p.has-text-align-center.mobile-left {
    text-align: left !important;
}
	body .wp-block-image figcaption {
    max-width: 83vw;
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width: 600px) {
	    .our-people-content .our-people-list-wrap h2 {
        text-align: left !important;
    }
}

/* Mobile 2.0 */
@media screen and (max-width: 781px) {
	.mobile-less{
		height:20px !important;
	}
	.narrowest {
    max-width: 100% !important;
}
	h2.wp-block-heading.has-text-align-center.is-style-smaller-title {
    text-align: center !important;
}
	.wp-block-cover.banner.is-style-full-width {
    min-height: 200px !important;
}
	.wp-block-cover.is-light.is-style-full-width.is-style-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
}
	.wp-block-cover.is-light.tm-row {
    padding-top: 25px !important;
}
.wp-block-columns.talk-money.wp-block-columns-is-layout-flex {
    gap: 0px;
}
	body h2.is-style-smaller-title {
    max-width: 92vw;
}
	.wwd-list-items .wp-block-column {
    padding-bottom: 0px;
    padding-top: 20px;
}
	
	body .less-padding.no-bottom-padding {
    padding-top: 50px !important;
}
	.wp-block-cover.is-light.is-style-full-width.less-padding.no-bottom-padding h2, .wp-block-cover.is-light.is-style-full-width.less-padding.no-bottom-padding p {
    text-align: left;
}
	figure.wp-block-image.size-large.policy-reports-img {
    width: 350px;
    max-width: 90vw !important;
}
	.policy-reports {
    margin-bottom: 0px;
}
	.blog h2 {
    margin-left: auto;
    margin-right: auto;
		    margin-top: 34px;
    margin-bottom: 20px;
}
	.blog-buttons{
	    margin-bottom: 52px;	
	}
	ul.social-links {
    margin-bottom: 20px !important;
}
	.footer #inner-footer > div:nth-child(2) {
    padding-top: 10px;
}
}

.blog-button {
    border-radius: 4px;
}

/* Last mobile */
@media screen and (max-width: 781px) {
.wwd-list-items .wp-block-column .wp-block-image {
    top: -125px;    
	}
	.is-style-pannels-list > div.wp-block-cover__inner-container p {
    line-height: 1.2rem;
    margin-bottom: 11px !important;
}
	p.footnoter {
    line-height: 1rem;
    margin-top: 10px;
}
	    h2.wp-block-heading.has-text-align-center.is-style-smaller-title {
        text-align: left !important;
    }
	.wp-block-columns.wwd-list-items .wp-block-button.is-style-arrow-button {
    margin-bottom: 36px;
}
	.wp-block-column.is-vertically-aligned-top.advisory-panel-content.is-layout-flow.wp-block-column-is-layout-flow {
    margin-top: -60px;
}
	.wp-block-columns.advisory-panel-images.bigger-gap.is-layout-flex.wp-block-columns-is-layout-flex {
    max-width: 85vw;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-columns.advisory-panel-images.bigger-gap.is-layout-flex.wp-block-columns-is-layout-flex h2 {
    line-height: 1.7rem;
    margin-bottom: 26px;
}
	.wp-block-columns.advisory-panel-images.bigger-gap.is-layout-flex.wp-block-columns-is-layout-flex p {
    margin-bottom: 20px;
}
	.has-text-align-center {
    text-align: left;
}
	section.entry-content.cf > .wp-block-group {
    max-width: 86vw;
    margin-left: auto;
    margin-right: auto;
}
	body .wwd-list-items.list-has-percentages .wp-block-column .wp-block-image {
    top: -130px;
}
	h3.wp-block-heading.has-text-align-center.percentage-large.has-text-color.has-link-color {
    text-align: center;
}
	.wp-block-columns.wwd-list-items.list-has-percentages.is-layout-flex.wp-block-columns-is-layout-flex:has(.percentage-large) img {
    width: 150px !important;
    height: 150px !important;
}
	.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
    gap: 0px;
}
	.wp-block-column.has-counter.is-layout-flow.wp-block-column-is-layout-flow {
    margin-bottom: 0px !important;
}
	.blog-filter-bar{
		    padding-top: 0px !important;
	}
	.footer .copyright {
    text-align: left;
}
	.footer-form {
    width: 71vw;
    margin-left: 29px;
}
	.footer-form .gform_legacy_markup_wrapper form{
		    width: 100%;
	}
	.footer-address p {
    text-align: left;
}
	p.menu-clickable {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
	p.menu-clickable:not(.menu-active) {
    border-bottom: 0px !important;
}
	    .header nav ul.nav {
        max-width: 90vw;
        left: 5vw;
    }
}/* Last mobile end */

/* mobile bonus */
@media screen and (max-width: 781px) {
.wwd-grey p, .wwd-grey h3 {
    text-align: center;
}
	main .wp-block-column.advisory-panel-content p {
    line-height: 1.6rem;
}
	.grant-partners .grant-partners-columns {
    margin-bottom: 0px;
}
	.wp-block-cover.is-light.is-style-pannels-list + div {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
	.set-width-911 {
    max-width: 98vw !important;
}
	    main .policy-reports-img {
        margin-top: 0px;
    }
	main .our-impact > div > div {
    max-width: 100vw;
}
	main .entry-content .our-impact.smaller-impacts .has-counters {
    max-width: 100vw;
}
	main .entry-content .our-impact.smaller-impacts .impact-item {
    transform: scale(1);
}
	.wp-block-group.our-impact.light-grey-bg.smaller-impacts {
    width: 100vw !important;
    max-width: 100vw !important;
}
	.entry-content .our-impact .wp-block-group__inner-container .wp-block-columns {
        gap: 34px !important;
    }
	.wp-block-group.our-impact.grey-bg.height-100.has-background {
    max-width: 100vw;
}
	.wp-block-group.our-impact.grey-bg.height-100.has-background > div {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
	main .wp-block-group.our-impact.grey-bg.height-100.has-background.our-impact > div > div {
    max-width: 90vw !important;
}
	.entry-content .our-impact .has-counter * {
    text-align: center;
}
	body .less-padding {
    padding-bottom: 26px !important;
}
	.footer #inner-footer .footer-address {
    max-width: 81vw;
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}
	.footer input[type=email] {
    margin-top: -6px !important;
}
.menu-multiple {
    margin-top: -50px !important;
    padding-bottom: 44px !important;
    margin-bottom: -46px;
    padding-left: 10px;
}
	.header nav ul.nav {
        left: 5vw;
        padding-left: 10px;
    }
}

/* Tweaks 28 April 2026 */
.ecstra_block.banner-static {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-position: left;
}

.ecstra_block.banner-static {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-position: left;
    div.banner-item{
        background-position: left;
        .wrap.cf{
            width: 1300px;
            max-width: 90vw;
            padding-top: 90px;
            .banner-content{
                h1{
                    color: white;
                    font-size: 3rem;
                    font-weight: 600;
                }
            }
        }
        @media screen and (max-width:670px) {
            min-height: 180px;
        }
    }
}

.banner.slick-slider.slick-initialized{
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item{
	background-size:contain !important;
}

@media only screen and (max-width: 780px) {
	.wp-block-cover.banner.is-style-full-width .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained h1 {
    font-size: 1.8rem !important;
    line-height: normal !important;
}
	.wp-block-cover.banner.is-style-full-width img.wp-block-cover__image-background {
    object-position: left !important;
}
}

@media screen and (max-width: 778px) {
    body .is-style-pannels-list > div.wp-block-cover__inner-container figure img {
        transform: translate(0px, 0px) !important;
			        object-fit: contain;
    }
	.wp-block-cover.is-light.banner.is-style-full-width h1 {
    font-size: 1.8rem !important;
    line-height: normal !important;
}
	.upcoming-event-block .event-details .event-title {
    margin-top: 71px;
}
}

/* New Banner */
.wp-block-group.dynamic-banner-slider.is-vertical.is-layout-flex {
    background-color: red;
    width: 100%;
    height: 220px;
}
.wp-block-cover.dynamic-banner-item {
    width: 100%;
}

.dynamic-banner-item > img {
    height: 100% !important;
    object-fit: contain;
}

.wp-block-cover.dynamic-banner-item h2.wp-block-heading {
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 500;
    font-size: 2.5rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-columns.banner-stats {
    gap: 2px;
}
.banner-stat-tl, .banner-stat-all {
    border-top-left-radius: 50px;
}
.banner-stat-tr, .banner-stat-all {
    border-top-right-radius: 50px;
}
.banner-stat-bl, .banner-stat-all {
    border-bottom-left-radius: 50px;
}
.banner-stat-br, .banner-stat-all {
    border-bottom-right-radius: 50px;
}
.banner.slick-slider.slick-initialized {
    flex-direction: unset;
}
.wp-block-group.ecstra_block.banner.banner-slider.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex.slick-initialized.slick-slider.slick-dotted {
    width: 1270px;
    margin-left: -34px;
    margin-right: auto;
    max-width: 100% !important;
}
.slick-initialized .slick-slide.dynamic-banner-item {
    display: flex;
    flex-direction: column;
    padding:0px;
    position:relative;
}
@media screen and (max-width:1270px) {
.wp-block-group.ecstra_block.banner.banner-slider.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex.slick-initialized.slick-slider.slick-dotted {
    margin-left: auto;
    margin-right: auto;
}
}
figure.wp-block-image.size-large.full-size-img img {
    object-fit: cover;
    object-position: left;
}
figure.wp-block-image.size-large.full-size-img {
    height: 100%;
}
@media screen and (max-width:790px) {
figure.wp-block-image.size-large.is-resized{
    display: flex;
    justify-content: center;
}
}

figure.wp-block-image.size-large.is-resized.banner-bottom.banner-left{
    position: absolute;
    left: 0px;
    bottom: -30px;
}
.wp-block-cover.dynamic-banner-item.full-height.background-right.background-top-right.slick-slide img {
    object-fit: contain;
    object-position: right;
}
.purple-background {
    background-color: #2c2b64 !important;
}
.slick-initialized .slick-slide.dynamic-banner-item .wp-block-cover__inner-container{
   position:unset;
}
.wp-block-group.narrow-banner-content{
width:90%;
margin-left:auto;
margin-right:auto;
}
.no-margins{
margin:0px !important;
margin-top:20px !important;
}

.banner-button-left {
    margin-left: 50px !important;
}
.wp-block-button.is-style-pill.green-button.banner-button-left a {
    background-color: #7ec162 !important;
    border: 1px solid #7ec162 !important;
}
.wp-block-group.narrow-banner-content {
    position: relative;
}

/* Last */
html .wp-block-group.narrow-banner-content {
    width: 72%;
    position: relative;
}
p.no-margins.bigger-text {
    font-size: 4.5rem !important;
    margin-top: 15px;
    line-height: normal;
margin-bottom: 0px;
}
@media screen and (max-width:790px) {
.dynamic-banner-item .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    height: 100%;
    z-index: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
}
.banner-radius {
    border-radius: 25px;
}
@media screen and (max-width: 781px) {
.dynamic-banner-item.dynamic-banner-item-simple .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained > div {
    display: flex;
    flex-direction: row;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
    align-content: center;
}
.dynamic-banner-item.dynamic-banner-item-simple figure.wp-block-image.size-large.full-size-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dynamic-banner-item.dynamic-banner-item-simple img {
    object-fit: contain;
}
.wp-block-group.ecstra_block.banner.banner-slider.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex.slick-initialized.slick-slider.slick-dotted {
    max-height: 350px;
}
.hide-mobile{
display:none !important;
}
.wp-block-columns.mobile-only-first.is-layout-flex.wp-block-columns-is-layout-flex {
    grid-template-columns: 1fr !important;
}
}
@media screen and (max-width: 1028px) {
.wp-block-cover.dynamic-banner-item.full-height.background-right.background-top-right.slick-slide .wp-block-cover__image-background {
    display: none;
}
}
@media screen and (max-width: 680px) {
p.has-text-align-left.no-margins.bigger-text {
    font-size: 2rem !important;
    margin-bottom: -52px !important;
}
}
@media screen and (max-width: 780px) {
    .wp-block-group.ecstra_block.banner.banner-slider.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex.slick-initialized.slick-slider.slick-dotted {
        max-height: 390px !important;
    }
}
.wp-block-group.ecstra_block.banner.banner-slider.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex.slick-initialized.slick-slider.slick-dotted {
    max-height: 375px;
}

/*
Fancy
*/
.fancy-text {
  font-family: "Poppins", "Montserrat", Arial, sans-serif;
  font-size: clamp(28px, 2vw, 77px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 1px;

  /* Smooth flowing gradient */
  background: linear-gradient(
    90deg,
    #c02a9b 0%,     /* pink */
    #8e5bd1 15%,    /* blend into purple */
    #16a9b5 35%,    /* teal */
    #1f6fa8 55%,    /* blend into blue */
    #101b68 70%,    /* navy */
    #3f7f63 85%,    /* blend into green */
    #70a86c 100%    /* green */
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
p.skinny-banner-text {
    font-size: 1.5rem !important;
    line-height: 1.7rem;
}
.wp-block-column.is-vertically-aligned-stretch.fancy-img-col.is-layout-flow.wp-block-column-is-layout-flow {
    position: relative;
}
.wp-block-column.is-vertically-aligned-stretch.fancy-img-col.is-layout-flow.wp-block-column-is-layout-flow img {
    position: absolute;
    top: 0;
    height: 100%;
    object-position: left !important;
}
@media screen and (max-width: 1000px) {
.fancy-middle{
    flex-basis: 70% !important;
}
.fancy-left img{
    width: 100% !important;
    height: auto !important;
}
}
@media screen and (max-width: 790px) {
    .fancy-left img {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -30px;
    }
.banner-button-left {
    margin-left: -2px !important;
}
.fancy-middle p {
    text-align: center;
    max-width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.fancy-middle p.fancy-text {
    width: fit-content;
}
.fancy-middle .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    justify-content: center;
}
}
.fancy-slide .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    flex: 1;
    display: flex;
}
.fancy-slide .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained .wp-block-columns.has-fancy.wp-block-columns-is-layout-flex {
    max-height: 139% !important;
    height: 375px;
    width: 100%;
}
@media screen and (max-width: 430px) {
    .fancy-left img {
        margin-bottom: -61px;
    }
}
@media screen and (max-width: 350px) {
        .fancy-left img {
        max-width: 140px;
    }
p.skinny-banner-text {
    font-size: 1.2rem !important;
    line-height: 1.4rem;
    margin-top: 32px !important;
}
.fancy-middle p.fancy-text {
    font-size: 1.5rem;
}
.fancy-middle .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex{
max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-button.is-style-pill.green-button.banner-button-left a{
    padding: 20px;
font-size: 1rem;
}
}

@media screen and (max-width: 390px) {
	html .wp-block-group.narrow-banner-content p:nth-child(1) {
    font-size: 2rem !important;
}
	html .wp-block-group.narrow-banner-content p:nth-child(2) {
    font-size: 1.5rem !important;
}
	.wp-block-button.is-style-pill.green-button.banner-button-left a {
    font-size: 1rem;
}
}