@charset "UTF-8";
/*
Theme Name: Sustainable Conservation 2023
Version 1.0
Author: Fila Design
Author URI: http://filadesign.com/
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: suscon2023
*/
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&family=Permanent+Marker&display=swap");
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* ====================== SCSS copied from original site ================= */
/********************************[ Eric Meyer's Reset (Modified) ]********************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

/* remember to define focus styles! */
ins {
  text-decoration: none;
}

/* remember to highlight inserts somehow! */
del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
address {
  font-style: normal;
}

input[type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */
}

/********************************[ END Eric Meyer's Reset (Modified) ]********************************/
*,
*:before,
*:after {
  box-sizing: border-box;
}

p:empty {
  display: none;
}

.post-edit-link {
  display: none;
}

.clear {
  content: '';
  display: table;
  width: 100%;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
  margin: 0;
}

ol, ul {
  list-style: none;
}

.entry-content ul {
  padding-left: 2px;
  list-style-type: disc;
}

.entry-content ol {
  padding-left: 2px;
  list-style-type: decimal;
}

dl dd {
  font-size: .88em;
  line-height: 1.3;
}

a {
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

body {
  margin: 0;
}

body.admin-bar #page:before {
  top: 32px;
}

input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  margin-right: .3em;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  border: solid 1px #cacbd1;
  border-radius: 0;
  padding: 2.5px;
  width: 100%;
}

.entry-content #vscf .form-group input[type="text"], .entry-content #vscf .form-group
input[type="email"], .entry-content #vscf .form-group
input[type="url"], .entry-content #vscf .form-group
input[type="password"], .entry-content #vscf .form-group
input[type="search"] {
  width: 100%;
}

textarea {
  border: solid 1px #cacbd1;
  border-radius: 0;
  padding: 2.5px;
  overflow: auto;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}

.entry-content #vscf .form-group textarea {
  width: 100%;
}

/**
 * 5.3 Lists
 * -----------------------------------------------------------------------------
 */
.entry-content ul,
.entry-content ol {
  margin: 10px 20px;
  padding: 10px 20px;
}

.entry-content p + ul {
  margin-top: 0;
  padding-top: 0;
}

.entry-content li {
  margin-bottom: 5px;
}

ul.bullets {
  list-style: disc;
}

ol {
  list-style: decimal;
}

.entry-content li > ul,
.entry-content li > ol {
  margin: 10px 5px;
  padding: 10px 5px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 10px 10px;
}

img {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  max-width: 100%;
}

/**
 * 8.0 Tables
 * -----------------------------------------------------------------------------
 */
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 10px 0;
  width: 100%;
}

table,
th,
td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 1px;
  font-weight: bold;
  padding: 5px 10px;
}

td {
  border-width: 1px;
  padding: 5px 10px;
}

iframe {
  max-width: 100%;
}

iframe.sm-iframe {
  display: block;
}

@media (min-width: 767px) {
  iframe.sm-iframe {
    display: none;
  }
}

iframe.lg-iframe {
  display: none;
}

@media (min-width: 767px) {
  iframe.lg-iframe {
    display: block;
  }
}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 5px;
  max-width: 100%;
  overflow: auto;
  padding: 5px;
}

code,
kbd,
tt,
var {
  font-size: 14px;
  font-size: 1.4rem;
}

abbr,
acronym {
  cursor: help;
}

mark,
ins {
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

/**
 * 9.0 Typography
 * -----------------------------------------------------------------------------
 */
body,
button,
input,
select,
textarea {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  font-size: clamp(17px, 1.5vw, 24px);
  line-height: 1.5;
  word-wrap: break-word;
}

body *,
button *,
input *,
select *,
textarea * {
  transition: color .2s ease, background-color .2s ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 900;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

.blog h1 a, .blog
h2 a, .blog
h3 a, .blog
h4 a, .blog
h5 a, .blog
h6 a {
  font-weight: 500;
}

body.page-home2 h1, body.page-home2
h2, body.page-home2
h3, body.page-home2
h4, body.page-home2
h5, body.page-home2
h6 {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1.page-title {
  margin: 1em 0 10px 0;
  display: none;
}

h2,
h3,
h4,
h5,
h6 {
  margin: 2em 0 .5em 0;
}

h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin, p.no-margin, ul.no-margin, ol.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.gb-container > h1:first-child, .gb-container > h2:first-child, .gb-container > h3:first-child, .gb-container > h4:first-child, .gb-container > h5:first-child, .gb-container > h6:first-child, .gb-container > p:first-child {
  margin-top: 0;
}

p {
  margin-bottom: .8em;
  margin-top: .5em;
}

a {
  text-decoration: none;
  transition: all .3s ease;
  color: #023a54;
  font-weight: 500;
}

a:visited {
  color: #023a54;
}

a:hover {
  color: #0168a6;
}

a.gb-button,
#menu li a {
  text-decoration: none;
}

a.gb-button:hover,
#menu li a:hover {
  text-decoration: none;
}

blockquote {
  clear: both;
  display: block;
  font-style: italic;
  margin: 5px 1em;
}

address {
  margin: 0 0 5px;
}

h1 {
  font-size: 3em;
  line-height: 1.1;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.6em;
}

h1.widget-title,
h5 {
  font-size: 1.3em;
}

h6 {
  font-size: 1.1em;
}

/**
 * FUC
 * -----------------------------------------------------------------------------
 */
.center {
  text-align: center;
}

.big {
  font-size: 1.25em;
}

.entry-content .has-small-font-size {
  font-size: .85em !important;
}

.entry-content .has-medium-font-size {
  font-size: 1em !important;
}

.entry-content .has-large-font-size {
  font-size: 1.25em !important;
}

.entry-content .has-x-large-font-size {
  font-size: 1.75em !important;
}

.narrow {
  max-width: 34em;
  margin: 0 auto;
}

.narrow h1,
.narrow h2,
.narrow h3,
.narrow h4,
.narrow h5,
.narrow h6 {
  text-align: center;
}

h1.narrow,
h2.narrow,
h3.narrow,
h4.narrow,
h5.narrow,
h6.narrow {
  text-align: center;
}

figcaption,
.wp-caption-text {
  font-size: .85em;
  border-bottom: solid 1px #ccc;
}

ul.inline li {
  display: inline-block;
  white-space: nowrap;
  padding: 0 .5em 0 0;
}

ul.inline li::before {
  content: "*";
  font-weight: 500;
  padding-right: .5em;
}

ul.inline::after {
  content: "*";
  font-weight: 500;
  padding-right: 1em;
}

.wp-block-image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .wp-block-image {
    display: inline;
  }
}

.wp-block-image .alignleft {
  margin: 0 auto 1em auto;
}

@media (min-width: 640px) {
  .wp-block-image .alignleft {
    display: table;
    float: left;
    margin-right: 1em;
    max-width: 45%;
  }
}

.wp-block-image .alignright {
  margin: 0 auto 1em auto;
}

@media (min-width: 510px) {
  .wp-block-image .alignright {
    display: table;
    float: right;
    margin-left: 1em;
    max-width: 45%;
  }
}

.wp-block-image .aligncenter {
  clear: both;
  text-align: center;
  display: table;
  margin: 0 auto;
  max-width: 100%;
}

.wp-block-image .aligncenter img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

figcaption {
  font-style: italic;
  margin: 10px 0 4px 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}

.button, .gb-button, .wp-block-button__link {
  display: block;
  text-align: center;
  line-height: 1.1;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 400;
}

.button.large-button {
  font-size: 2em;
  margin: 1em auto;
}

.gb-accordion__item > button {
  border: none;
}

.page-events2 .gb-accordion__item > button {
  border-bottom: solid 6px white;
  margin: 0 !important;
}

.page-events2 .gb-accordion__item .gb-accordion__content {
  background-color: white;
}

.entry-content ul.people-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0 0 2em 0;
}

.staff-person {
  display: inline-block;
  margin: 0;
  padding: 20px;
  text-align: center;
  vertical-align: top;
  font-size: .9em;
  width: 25%;
  /*
	@include sm {
		margin: 4px;
	}
	@include xs {
		width: 31%;
		margin: 1%;

		img {
			height: 80px;
			width: 80px;
			float: left;
			margin-right: .5em;
		}
		a {
			height: auto;
			width: 100%;
			max-width: 100%;
			max-height: 80px;
			height: 80px;
			text-shadow: none;
		}

		.staff-name {
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			background-color: rgba(255,255,255,0);
			color: #0086bc;
			text-shadow: none;
			text-align: left;

			.title {
				display: block;
			}

			h3 {
				text-align: left;
				margin-top: 10px;
			}
		}

		
		@include tiny {
			height: 3em;
			
		}
		
  		@include micro {
			width: 48%;
			height: auto;
			
			a {
				height: auto;
			}
		}
	}
	*/
}

.staff-person img {
  display: block;
  height: 100%;
  width: auto;
  border-radius: 600px;
  background-color: rgba(0, 0, 0, 0);
}

.staff-person h3 {
  margin: 0;
  font-size: 22px;
}

@media (min-width: 1000px) {
  .staff-person h3 {
    font-size: 1.3vw;
  }
}

@media (min-width: 767px) {
  .staff-person h3 {
    font-size: 1em;
  }
}

.staff-person .staff-name {
  height: 3em;
}

.staff-person .staff-name .title {
  display: none;
}

@media (min-width: 1000px) {
  .staff-person .staff-name {
    height: 2.2em;
  }
}

@media (min-width: 460px) {
  .staff-person .staff-name {
    height: auto;
  }
}

.staff-person span {
  font-size: .9em;
  line-height: 1;
}

.staff-person a {
  display: block;
  position: relative;
  height: 12vw;
  width: 12vw;
  max-width: 220px;
  max-height: 220px;
  font-weight: 400;
}

@media (min-width: 900px) {
  .staff-person a {
    height: 160px;
    width: 160px;
  }
}

.gb-accordion .gb-button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  padding: .4em;
}

.gb-accordion .gb-accordion__content {
  max-height: 70vh;
  overflow-y: scroll;
}

.gb-accordion .gb-accordion__content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.gb-accordion .gb-accordion__content li {
  margin-bottom: .75em;
}

.gb-accordion .gb-accordion__content li:after {
  display: block;
  content: ' ';
  height: 2px;
  width: 20%;
  margin-top: .5em;
  min-width: 2em;
  background-color: #bde2ef;
}

.press-list {
  font-size: .9em;
  color: #383f47;
}

.press-list a {
  font-size: 1.1em;
  line-height: 1.2;
}

.more-tabs .gb-tabs__item > ul {
  columns: 330px;
  column-gap: 3em;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.more-tabs .gb-tabs__item > ul li {
  font-size: .9em;
  break-inside: avoid;
  margin-bottom: .75em;
  padding-top: 1.25em;
}

.more-tabs .gb-tabs__item > ul li:after {
  display: block;
  content: ' ';
  height: 2px;
  width: 100%;
  margin-top: .5em;
  min-width: 2em;
  background-color: white;
}

/**
 *  Gross layout
 * -----------------------------------------------------------------------------
 */
body {
  color: #212121;
  min-height: 100vh;
}

#wrapper {
  max-width: 1600px;
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

#container {
  padding: 0 1em;
}

@media (min-width: 767px) {
  #container {
    padding: 0 2em;
  }
}

#container section.no-margin, #container div.no-margin, #container header.no-margin, #container footer.no-margin, #container table.no-margin, #container form.no-margin {
  margin-left: -1em !important;
  margin-right: -1em !important;
  max-width: calc(100% + 2em);
  width: calc(100% + 2em);
}

@media (min-width: 767px) {
  #container section.no-margin, #container div.no-margin, #container header.no-margin, #container footer.no-margin, #container table.no-margin, #container form.no-margin {
    margin-left: -2em !important;
    margin-right: -2em !important;
    max-width: calc(100% + 4em) !important;
    width: calc(100% + 4em);
  }
}

#copyright {
  background-color: #023a54;
}

/**
 *  Header
 * -----------------------------------------------------------------------------
 */
.home #header {
  display: none;
}

#header {
  font-weight: 400;
}

.page-events #header {
  background: url(images/water_banner_02.jpg) center bottom no-repeat;
  background-size: cover;
}

.brand-wrapper {
  display: flex;
  flex-wrap: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 60;
  max-height: 126px;
}

body:not(.home) .brand-wrapper {
  background-color: rgba(2, 58, 84, 0.6);
}

body.page-home4 .brand-wrapper,
body.page-project4 .brand-wrapper {
  background-color: transparent;
  background: -webkit-linear-gradient(rgba(2, 58, 84, 0.5) 0%, rgba(2, 58, 84, 0) 100%);
  background: -o-linear-gradient(rgba(2, 58, 84, 0.5) 0%, rgba(2, 58, 84, 0) 100%);
  background: linear-gradient(rgba(2, 58, 84, 0.5) 0%, rgba(2, 58, 84, 0) 100%);
}

#branding {
  margin: 20px;
}

#branding a {
  border-bottom: none !important;
}

#logo img {
  height: auto;
  width: auto;
  max-height: 80px;
  max-width: 300px;
}

.page-project4 #logo img {
  max-height: 50px;
}

#site-description {
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 500;
  letter-spacing: .1em;
}

#menu {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-right: 20px;
  min-width: 200px;
}

#menu * {
  transition: all .3s ease;
}

#menu .nav-donate {
  margin-left: 10px !important;
}

#menu .nav-donate > a {
  border: solid 1px white !important;
}

#menu .nav-donate > a:hover {
  background-color: #d7e319 !important;
  color: black !important;
}

#menu ul.mega-sub-menu {
  padding: 0 !important;
}

#menu ul.mega-sub-menu li a {
  display: block;
  padding: 12px 8px !important;
}

/*
.page-home3b, .page-events3b {
	.entry-content{
		margin-top: 44px;
	}
	.top-menu {
		position: fixed;
		width: 100%;
		margin-top: -44px;
		min-height: 44px;
		background-color: $charcoal;
		z-index: 999;
		.mega-menu-toggle {
			background-color: transparent !important;
		}
		.mega-toggle-label-closed, .mega-toggle-label-open {
			color: $white !important;
		}
		.mega-toggle-block-1:after {
			color: $white !important;
		}
	}
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a { 
		font-family: Assistant, $font-stack-body !important;
		height: auto !important;
	}
	
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate {
		margin-left: 1em;
		> a {
			display: block;
			background-color: #ffd428;
			color: $black;
			transition: all .2s ease;
			padding: 4px 18px;
			
			&:hover {
				background-color: $lime !important;
				color: $black !important;
				padding: 10px 18px;
				margin-bottom: -12px;
			}
		}
	}
}
*/
.page-home1,
.page-project1 {
  font-size: clamp(17px, 1.3vw, 22px);
  font-weight: 300;
  font-family: Arimo;
  color: #444;
}

.page-home1 .main-header,
.page-project1 .main-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.page-home1 #mega-menu-wrap-search-menu,
.page-project1 #mega-menu-wrap-search-menu {
  background-color: #023a54;
  padding: calc(.7em + 0px) calc(1.5em + 2px);
  display: block;
  text-align: center;
  line-height: 1.1;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 400;
  transition: .3s ease all;
}

.page-home1 #mega-menu-wrap-search-menu:hover,
.page-project1 #mega-menu-wrap-search-menu:hover {
  background-color: black;
}

.page-home1 .wp-block-button__link:hover,
.page-project1 .wp-block-button__link:hover {
  background-color: white !important;
}

.page-home1 p,
.page-project1 p {
  letter-spacing: .007em;
}

.page-home1 p a, .page-home1 li a,
.page-project1 p a,
.page-project1 li a {
  font-weight: 700;
}

.page-home1 p a:hover, .page-home1 li a:hover,
.page-project1 p a:hover,
.page-project1 li a:hover {
  border-bottom: solid 1px #d7e319;
}

.page-home1 #header,
.page-project1 #header {
  display: none;
}

.page-home1 #container,
.page-project1 #container {
  padding: 0;
}

.page-home1 h1, .page-home1 h2, .page-home1 h3, .page-home1 h4, .page-home1 h5, .page-home1 h6,
.page-project1 h1,
.page-project1 h2,
.page-project1 h3,
.page-project1 h4,
.page-project1 h5,
.page-project1 h6 {
  font-family: 'Asap';
  font-weight: 600;
}

.page-home1 h1,
.page-project1 h1 {
  font-size: 4.5vw;
  font-family: 'Asap Condensed';
}

.page-home1 h2,
.page-project1 h2 {
  font-size: 2.2em;
}

.page-home1 h3,
.page-project1 h3 {
  font-size: 1.9em;
}

.page-home1 h4,
.page-project1 h4 {
  font-size: 1.6em;
}

.page-home1 .hp-news-grid .wp-block-group,
.page-home1 .related-blog-post .wp-block-group,
.page-project1 .hp-news-grid .wp-block-group,
.page-project1 .related-blog-post .wp-block-group {
  width: 100%;
  font-size: .94em;
}

.page-home1 .hp-news-grid .wp-block-image img,
.page-home1 .related-blog-post .wp-block-image img,
.page-project1 .hp-news-grid .wp-block-image img,
.page-project1 .related-blog-post .wp-block-image img {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.page-home1 .hp-news-grid .wp-block-group h2, .page-home1 .hp-news-grid h3,
.page-home1 .related-blog-post .wp-block-group h2,
.page-home1 .related-blog-post h3,
.page-project1 .hp-news-grid .wp-block-group h2,
.page-project1 .hp-news-grid h3,
.page-project1 .related-blog-post .wp-block-group h2,
.page-project1 .related-blog-post h3 {
  margin: 0;
  font-weight: 500;
}

.page-home1 .hp-news-grid .wp-block-group h2 + h4, .page-home1 .hp-news-grid h3 + h4,
.page-home1 .related-blog-post .wp-block-group h2 + h4,
.page-home1 .related-blog-post h3 + h4,
.page-project1 .hp-news-grid .wp-block-group h2 + h4,
.page-project1 .hp-news-grid h3 + h4,
.page-project1 .related-blog-post .wp-block-group h2 + h4,
.page-project1 .related-blog-post h3 + h4 {
  font-size: .75em;
  font-weight: 500;
  margin: 0 0 1em auto;
  text-align: right;
  width: 100%;
  color: rgba(56, 63, 71, 0.8);
  padding: 1px 4px;
  border-bottom: solid 1px rgba(56, 63, 71, 0.7);
}

.page-home1 .hp-news-grid h3,
.page-home1 .related-blog-post h3,
.page-project1 .hp-news-grid h3,
.page-project1 .related-blog-post h3 {
  font-size: 1.3em;
  margin: .5em auto .3em 0;
}

.page-home1 .hp-news-grid p:last-of-type::after,
.page-home1 .related-blog-post p:last-of-type::after,
.page-project1 .hp-news-grid p:last-of-type::after,
.page-project1 .related-blog-post p:last-of-type::after {
  content: " Read more...";
  color: #305d72;
}

.page-home1 .hp-work > .gb-container,
.page-project1 .hp-work > .gb-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.page-home1 .hp-work > .gb-container figure,
.page-project1 .hp-work > .gb-container figure {
  display: block;
  border: none;
  padding: 0;
}

.page-home1 .hp-work > .gb-container figure > img,
.page-project1 .hp-work > .gb-container figure > img {
  border: none;
  display: block;
}

.page-home1 .hp-work > .gb-container figure:after,
.page-project1 .hp-work > .gb-container figure:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.page-home1 .hp-work > .gb-container h3,
.page-project1 .hp-work > .gb-container h3 {
  margin: 0;
}

.page-home1 .hp-work > .gb-container h3 a,
.page-project1 .hp-work > .gb-container h3 a {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(1, 104, 166, 0);
  border-radius: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: white;
  font-size: clamp(18px, 4vw, 66px);
  text-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2);
  transition: all .5s ease;
}

.page-home1 .hp-work > .gb-container h3 a:hover,
.page-project1 .hp-work > .gb-container h3 a:hover {
  background: #0168a6;
  text-shadow: none;
}

.page-home1 .hp-pubs-grid .wp-block-group,
.page-project1 .hp-pubs-grid .wp-block-group {
  width: 100%;
  font-size: .9em;
}

.page-home1 .hp-pubs-grid .wp-block-image img,
.page-project1 .hp-pubs-grid .wp-block-image img {
  aspect-ratio: 4/4;
  object-fit: cover;
  object-position: 50% 0;
}

.page-home1 .hp-pubs-grid h2, .page-home1 .hp-pubs-grid h3,
.page-project1 .hp-pubs-grid h2,
.page-project1 .hp-pubs-grid h3 {
  margin: 0;
  font-weight: 500;
}

.page-home1 .hp-pubs-grid h2 + h4, .page-home1 .hp-pubs-grid h3 + h4,
.page-project1 .hp-pubs-grid h2 + h4,
.page-project1 .hp-pubs-grid h3 + h4 {
  font-size: .95em;
  font-weight: 500;
  margin: 0 0 1em auto;
  text-align: right;
  width: 100%;
  color: rgba(56, 63, 71, 0.8);
  padding: 1px 4px;
  border-bottom: solid 1px rgba(56, 63, 71, 0.7);
}

.page-home1 .hp-pubs-grid h3,
.page-project1 .hp-pubs-grid h3 {
  margin-top: .25em;
}

.page-home2, .page-home2b, .page-events2, .page-project2 {
  font-family: 'Assistant';
  font-size: clamp(17px, 1.65vw, 24px);
}

.page-home2 button,
.page-home2 input,
.page-home2 select,
.page-home2 textarea, .page-home2b button,
.page-home2b input,
.page-home2b select,
.page-home2b textarea, .page-events2 button,
.page-events2 input,
.page-events2 select,
.page-events2 textarea, .page-project2 button,
.page-project2 input,
.page-project2 select,
.page-project2 textarea {
  font-family: 'Assistant';
}

.page-home2 #header, .page-home2b #header, .page-events2 #header, .page-project2 #header {
  display: none;
}

.page-home2 #container, .page-home2b #container, .page-events2 #container, .page-project2 #container {
  padding: 0;
}

.page-home2 .wp-block-search .wp-block-search__inside-wrapper, .page-home2b .wp-block-search .wp-block-search__inside-wrapper, .page-events2 .wp-block-search .wp-block-search__inside-wrapper, .page-project2 .wp-block-search .wp-block-search__inside-wrapper {
  border: none;
}

.page-home2 .wp-block-search input, .page-home2b .wp-block-search input, .page-events2 .wp-block-search input, .page-project2 .wp-block-search input {
  background-color: rgba(255, 255, 255, 0.45);
  padding-left: 4px;
}

.page-home2 .wp-block-search input:focus, .page-home2 .wp-block-search input:active, .page-home2b .wp-block-search input:focus, .page-home2b .wp-block-search input:active, .page-events2 .wp-block-search input:focus, .page-events2 .wp-block-search input:active, .page-project2 .wp-block-search input:focus, .page-project2 .wp-block-search input:active {
  background-color: white;
}

.page-home2 .wp-block-search input::placeholder, .page-home2b .wp-block-search input::placeholder, .page-events2 .wp-block-search input::placeholder, .page-project2 .wp-block-search input::placeholder {
  color: white;
}

.page-home2 .wp-block-search .wp-block-search__button, .page-home2b .wp-block-search .wp-block-search__button, .page-events2 .wp-block-search .wp-block-search__button, .page-project2 .wp-block-search .wp-block-search__button {
  padding: 0 3px !important;
}

.page-home2 h1, .page-home2 h2, .page-home2 h3, .page-home2 h4, .page-home2 h5, .page-home2 h6, .page-home2b h1, .page-home2b h2, .page-home2b h3, .page-home2b h4, .page-home2b h5, .page-home2b h6, .page-events2 h1, .page-events2 h2, .page-events2 h3, .page-events2 h4, .page-events2 h5, .page-events2 h6, .page-project2 h1, .page-project2 h2, .page-project2 h3, .page-project2 h4, .page-project2 h5, .page-project2 h6 {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.page-home2 h1, .page-home2b h1, .page-events2 h1, .page-project2 h1 {
  font-size: 3em;
  font-weight: 200;
  max-width: 12em;
  color: #023a54;
}

.page-home2 h3, .page-home2b h3, .page-events2 h3, .page-project2 h3 {
  margin-bottom: 1em;
  font-weight: 400;
}

.page-home2 h4, .page-home2 h5, .page-home2 h6, .page-home2b h4, .page-home2b h5, .page-home2b h6, .page-events2 h4, .page-events2 h5, .page-events2 h6, .page-project2 h4, .page-project2 h5, .page-project2 h6 {
  line-height: 1.35;
}

.page-home2 .gb-button, .page-home2b .gb-button, .page-events2 .gb-button, .page-project2 .gb-button {
  margin-top: 1em;
  margin-bottom: 1em;
}

.page-home2 .home-intro h2, .page-home2b .home-intro h2, .page-events2 .home-intro h2, .page-project2 .home-intro h2 {
  margin-bottom: .1em;
}

.page-home2 .home-intro strong, .page-home2b .home-intro strong, .page-events2 .home-intro strong, .page-project2 .home-intro strong {
  font-size: 1.4em;
  line-height: .8;
  position: relative;
  bottom: -.05em;
}

.page-home2 .home-intro strong em, .page-home2b .home-intro strong em, .page-events2 .home-intro strong em, .page-project2 .home-intro strong em {
  font-size: .7em;
  line-height: 1.3;
  font-style: normal;
}

.page-home2 .gb-accordion .gb-button, .page-home2b .gb-accordion .gb-button, .page-events2 .gb-accordion .gb-button, .page-project2 .gb-accordion .gb-button {
  background-color: #bde2ef;
  margin: 3px 0;
  font-size: 1.2em;
}

.page-home2 .gb-accordion__content, .page-home2b .gb-accordion__content, .page-events2 .gb-accordion__content, .page-project2 .gb-accordion__content {
  font-size: 18px;
}

.page-home2 #footer, .page-home2b #footer, .page-events2 #footer, .page-project2 #footer {
  margin-top: 0;
}

.page-home2 .home2-news h3, .page-home2b .home2-news h3, .page-events2 .home2-news h3, .page-project2 .home2-news h3 {
  font-size: 1.2em;
  margin-bottom: 0;
  margin-top: 6px;
}

.page-home2 .home2-news > .gb-container:first-child, .page-home2b .home2-news > .gb-container:first-child, .page-events2 .home2-news > .gb-container:first-child, .page-project2 .home2-news > .gb-container:first-child {
  font-size: 1.35em;
}

.page-home2 .home2-news > .gb-container > .gb-container, .page-home2b .home2-news > .gb-container > .gb-container, .page-events2 .home2-news > .gb-container > .gb-container, .page-project2 .home2-news > .gb-container > .gb-container {
  background-color: white !important;
}

.page-home2 .home2-news > .gb-container > .gb-container p:last-of-type::after, .page-home2b .home2-news > .gb-container > .gb-container p:last-of-type::after, .page-events2 .home2-news > .gb-container > .gb-container p:last-of-type::after, .page-project2 .home2-news > .gb-container > .gb-container p:last-of-type::after {
  content: ' ';
  display: block;
  width: 30%;
  height: 2px;
  background-color: #b9e4cf;
  margin-top: .8em;
}

.page-home2 .home2-news .date, .page-home2b .home2-news .date, .page-events2 .home2-news .date, .page-project2 .home2-news .date {
  margin-top: 10px;
  font-size: clamp(14px, 0.66em, 19px);
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: .1em;
}

.page-home2 .proj2-news h3, .page-home2b .proj2-news h3, .page-events2 .proj2-news h3, .page-project2 .proj2-news h3 {
  font-size: 1.2em;
  margin-bottom: 0;
  margin-top: 6px;
}

.page-home2 .proj2-news h3 + p, .page-home2b .proj2-news h3 + p, .page-events2 .proj2-news h3 + p, .page-project2 .proj2-news h3 + p {
  font-size: .88em;
}

.page-home2 .proj2-news > .gb-container, .page-home2b .proj2-news > .gb-container, .page-events2 .proj2-news > .gb-container, .page-project2 .proj2-news > .gb-container {
  font-size: .88em;
}

.page-home2 .proj2-news > .gb-container > .gb-container, .page-home2b .proj2-news > .gb-container > .gb-container, .page-events2 .proj2-news > .gb-container > .gb-container, .page-project2 .proj2-news > .gb-container > .gb-container {
  background-color: white !important;
}

.page-home2 .proj2-news > .gb-container > .gb-container p:last-of-type::after, .page-home2b .proj2-news > .gb-container > .gb-container p:last-of-type::after, .page-events2 .proj2-news > .gb-container > .gb-container p:last-of-type::after, .page-project2 .proj2-news > .gb-container > .gb-container p:last-of-type::after {
  content: ' ';
  display: block;
  width: 30%;
  height: 2px;
  background-color: #b9e4cf;
  margin-top: .8em;
}

.page-home2 .proj2-news .date, .page-home2b .proj2-news .date, .page-events2 .proj2-news .date, .page-project2 .proj2-news .date {
  margin-top: 10px;
  font-size: clamp(14px, 0.66em, 19px);
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: .1em;
}

.page-home2 .home-grid-stats ul, .page-home2b .home-grid-stats ul, .page-events2 .home-grid-stats ul, .page-project2 .home-grid-stats ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 3em 0;
}

.page-home2 .home-grid-stats ul li, .page-home2b .home-grid-stats ul li, .page-events2 .home-grid-stats ul li, .page-project2 .home-grid-stats ul li {
  line-height: 1.4;
}

.page-home2 .home-grid-stats ul li strong, .page-home2b .home-grid-stats ul li strong, .page-events2 .home-grid-stats ul li strong, .page-project2 .home-grid-stats ul li strong {
  font-size: 1.3em;
  line-height: 1.1;
}

.page-home2 .home-grid-stats ul li:before, .page-home2b .home-grid-stats ul li:before, .page-events2 .home-grid-stats ul li:before, .page-project2 .home-grid-stats ul li:before {
  content: ' ';
  display: block;
  height: 2px;
  width: 3em;
  margin: 1em auto;
  background-color: white;
}

.page-home2 .hp-work .gb-container, .page-home2b .hp-work .gb-container, .page-events2 .hp-work .gb-container, .page-project2 .hp-work .gb-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.page-home2 .hp-work .gb-container figure, .page-home2b .hp-work .gb-container figure, .page-events2 .hp-work .gb-container figure, .page-project2 .hp-work .gb-container figure {
  display: block;
  border: none;
  padding: 0;
}

.page-home2 .hp-work .gb-container figure > img, .page-home2b .hp-work .gb-container figure > img, .page-events2 .hp-work .gb-container figure > img, .page-project2 .hp-work .gb-container figure > img {
  border: none;
  display: block;
  border-radius: 0;
}

.page-home2 .hp-work .gb-container figure:after, .page-home2b .hp-work .gb-container figure:after, .page-events2 .hp-work .gb-container figure:after, .page-project2 .hp-work .gb-container figure:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 900px;
}

.page-home2 .hp-work .gb-container h3, .page-home2b .hp-work .gb-container h3, .page-events2 .hp-work .gb-container h3, .page-project2 .hp-work .gb-container h3 {
  margin: 0;
}

.page-home2 .hp-work .gb-container h3 a, .page-home2b .hp-work .gb-container h3 a, .page-events2 .hp-work .gb-container h3 a, .page-project2 .hp-work .gb-container h3 a {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: white;
  font-size: clamp(18px, 4vw, 66px);
  text-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2);
  transition: all .3s ease;
}

.page-home2 .hp-work .gb-container h3 a:hover, .page-home2b .hp-work .gb-container h3 a:hover, .page-events2 .hp-work .gb-container h3 a:hover, .page-project2 .hp-work .gb-container h3 a:hover {
  background: rgba(0, 0, 0, 0.35);
  padding-bottom: 10%;
}

.minim-header .wp-block-search__inside-wrapper {
  border: solid 1px #cacbd1;
}

.minim-header .wp-block-search__inside-wrapper input[type="search"] {
  border: none;
  font-size: 17px;
}

.minim-header .wp-block-search__button.has-icon {
  background-color: #d7e319;
  border: none;
  padding: 0;
  margin: 0;
}

.minim-header .wp-block-button__link {
  font-size: 17px;
  font-weight: 500;
}

/*
.page-home3b, .page-events3, .page-events3b {
	#header {
		display: none;
	}
	#container {
		padding: 0;
		font-size: 16px;
		font-family: Lora, 'Times New Roman', serif;
		line-height: 1.7;
	}
	#footer {
		margin-top: 0;
	}
	
	.home-card {
		p {
			width: 100%;
			margin: 0;
			padding: 20px 30px;
			background-color: rgba($black, .6);
			line-height: 1.3;
			font-size: 1.2rem;
			color: rgba($white, .9);
			
			a {
				display: block;
				color: $white;
				font-size: clamp(19px, 2.7vw, 32px);
				&:hover {
					color: $lime;
				}
			}
		}
	}
	.home-card-small .home-card {
		p {
			font-size: 1rem;
			padding: 12px 18px;
			a {
				font-size: 1.2rem;
				font-weight: $body-bold;
			}
		}
	}	
	
	h2 {
		text-transform: uppercase;
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.3em;
	}
	h3, h4, strong {
		font-weight: 500;
	}
	
	.wp-block-quote {
		padding: .85em 0 1em 0;
		margin: 0;
		font-size: 1.2em;
		font-style: normal;
		font-family: Roboto;
		
		p {
			margin-bottom: .25em;
		}
		
		cite {
			display: block;
			font-site: italic;
			font-family: Lora;
			font-size: .96em;
			line-height: 1.4;
			padding-left: 1em;
			text-indent: -1em;
			&::before {
				content: '— ';
			}
		}
	}
	.wp-block-social-links {
		margin-left: 0;
		padding-lefT: 0;
	}
	.mc4wp-form {
		p {
			margin-bottom: .5em;
		}
		
		input[type="text"] {
			background-color: rgba($lichen, .75);
			border: none;
		}
		
		input[type="submit"] {
			display: inline-flex;
			flex-wrap: wrap-reverse;
			background-color: $lime;
			color: #000000;
			border: none;
			text-transform: uppercase;
			letter-spacing: 0.02em;
			line-height: 1;
			padding: 15px 30px;
			font-size: 1em;
			font-weight: $body-bold;
			margin-top: 10px;
			margin-right: 0;
			margin-left: auto;
			
		}
	}
}
.page-events3, .page-events3b {
	h1 {
		font-size: 2em;
		font-weight: $heading-regular;
		text-transform: uppercase;
	}
	strong {
		font-weight: 600;
	}
	.gb-accordion__item > p {
		padding: 4px 20px;
	}
	.mc4wp-form {
		p {
			margin-bottom: .5em;
		}

		input[type="text"] {
			background-color: rgba($lichen, .75);
			border: none;
		}

		input[type="submit"] {
			display: inline-flex;
			flex-wrap: wrap-reverse;
			background-color: $lime;
			color: #000000;
			border: none;
			text-transform: uppercase;
			letter-spacing: 0.02em;
			line-height: 1;
			padding: 15px 30px;
			font-size: 1em;
			font-weight: $body-bold;
			margin-top: 10px;
			margin-right: 0;
			margin-left: auto;
		}

	}
}
*/
.page-home3, .page-home3b, .page-events3, .page-project3 {
  /*
	.home-card >  p:has(a):before {
		content: 'News';
		display: table;
		align-items: left;
		width: auto;
		position: relative;
		text-transform: uppercase;
		font-family: $font-stack-body;
		font-weight: 600;
		letter-spacing: .1em;
		color: $white;
		font-size: .78em;
		//letter-spacing: .2em;
		padding: 0 2px;
		margin-left: 2em;
		z-index: 99;
		text-shadow: $shadow-outline;
		//background-color: rgba($black,.6);
	}
	
	.home-card >  p:has(a) {
		clear: both;
	}
	.home-card-small .home-card > p:has(a):before {
		padding-left: 0;
	}

	
	.home-card.x-news >  p:has(a):before {
		content: 'News';
	}
	.home-card.x-pub > p:has(a):before {
		content: 'Publication';
	}
	.home-card.x-event >  p:has(a):before {
		content: 'Event';
	}
	*/
}

.page-home3 p a, .page-home3 li a, .page-home3b p a, .page-home3b li a, .page-events3 p a, .page-events3 li a, .page-project3 p a, .page-project3 li a {
  font-weight: 600;
}

.page-home3 .home-card > p > a, .page-home3b .home-card > p > a, .page-events3 .home-card > p > a, .page-project3 .home-card > p > a {
  font-weight: 400;
}

.page-home3 .entry-content, .page-home3b .entry-content, .page-events3 .entry-content, .page-project3 .entry-content {
  margin-top: 44px;
}

.page-home3 .footer-sub-social, .page-home3b .footer-sub-social, .page-events3 .footer-sub-social, .page-project3 .footer-sub-social {
  display: none;
}

.page-home3 .footer-donate, .page-home3b .footer-donate, .page-events3 .footer-donate, .page-project3 .footer-donate {
  max-width: 450px;
  width: 450px;
  display: flex;
  flex-direction: row-reverse;
  column-gap: 1em;
}

.page-home3 .top-menu, .page-home3b .top-menu, .page-events3 .top-menu, .page-project3 .top-menu {
  position: fixed;
  width: 100%;
  max-width: 1600px;
  margin-top: -44px;
  min-height: 44px;
  z-index: 999;
}

.page-home3 .top-menu .mega-menu-toggle, .page-home3b .top-menu .mega-menu-toggle, .page-events3 .top-menu .mega-menu-toggle, .page-project3 .top-menu .mega-menu-toggle {
  background-color: transparent !important;
}

.page-home3 .top-menu .mega-toggle-label-closed, .page-home3 .top-menu .mega-toggle-label-open, .page-home3b .top-menu .mega-toggle-label-closed, .page-home3b .top-menu .mega-toggle-label-open, .page-events3 .top-menu .mega-toggle-label-closed, .page-events3 .top-menu .mega-toggle-label-open, .page-project3 .top-menu .mega-toggle-label-closed, .page-project3 .top-menu .mega-toggle-label-open {
  color: white !important;
}

.page-home3 .top-menu .mega-toggle-block-1:after, .page-home3b .top-menu .mega-toggle-block-1:after, .page-events3 .top-menu .mega-toggle-block-1:after, .page-project3 .top-menu .mega-toggle-block-1:after {
  color: white !important;
}

.page-home3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a, .page-home3b #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a, .page-events3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a, .page-project3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a {
  height: auto !important;
  font-family: 'Nunito Sans' !important;
  font-weight: 400 !important;
  letter-spacing: .03em;
}

.page-home3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate, .page-home3b #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate, .page-events3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate, .page-project3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate {
  margin-left: 1em;
}

.page-home3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a, .page-home3b #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a, .page-events3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a, .page-project3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a {
  display: block;
  background-color: #ffd428;
  color: black;
  transition: all .2s ease;
  padding: 4px 18px;
}

.page-home3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a:hover, .page-home3b #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a:hover, .page-events3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a:hover, .page-project3 #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-donate > a:hover {
  background-color: #d7e319 !important;
  color: black !important;
  padding: 10px 18px;
  margin-bottom: -12px;
}

.page-home3 #header, .page-home3b #header, .page-events3 #header, .page-project3 #header {
  display: none;
}

.page-home3 #container, .page-home3b #container, .page-events3 #container, .page-project3 #container {
  padding: 0;
  font-size: clamp(16px, 1.2vw, 19px);
  font-family: Lora, 'Times New Roman', serif;
  line-height: 1.6;
}

.page-home3 h1, .page-home3b h1, .page-events3 h1, .page-project3 h1 {
  font-family: Lora, serif;
  line-height: 1.15;
}

.page-home3 h2, .page-home3 h3, .page-home3 h4, .page-home3 h5, .page-home3 h6, .page-home3 button, .page-home3 .button, .page-home3 .wp-button, .page-home3 .gb-button, .page-home3b h2, .page-home3b h3, .page-home3b h4, .page-home3b h5, .page-home3b h6, .page-home3b button, .page-home3b .button, .page-home3b .wp-button, .page-home3b .gb-button, .page-events3 h2, .page-events3 h3, .page-events3 h4, .page-events3 h5, .page-events3 h6, .page-events3 button, .page-events3 .button, .page-events3 .wp-button, .page-events3 .gb-button, .page-project3 h2, .page-project3 h3, .page-project3 h4, .page-project3 h5, .page-project3 h6, .page-project3 button, .page-project3 .button, .page-project3 .wp-button, .page-project3 .gb-button {
  font-family: 'Nunito Sans';
  font-weight: 800;
  letter-spacing: .03em;
}

.page-home3 .hp-work h3, .page-home3b .hp-work h3, .page-events3 .hp-work h3, .page-project3 .hp-work h3 {
  font-family: 'Nunito Sans';
  margin-top: 10px;
  font-size: clamp(21px, 2.5vw, 36px);
  font-weight: 800;
  font-family: Lora;
  width: auto;
  text-align: left;
  margin-top: -25%;
  margin-bottom: 25%;
}

.page-home3 .hp-work h3 > a, .page-home3b .hp-work h3 > a, .page-events3 .hp-work h3 > a, .page-project3 .hp-work h3 > a {
  padding: 1px 12px 1px 6px;
  background-color: #fff;
}

.page-home3 .hp-work h3 > a:hover, .page-home3b .hp-work h3 > a:hover, .page-events3 .hp-work h3 > a:hover, .page-project3 .hp-work h3 > a:hover {
  background-color: black;
  color: white;
}

.page-home3 .home-card, .page-home3b .home-card, .page-events3 .home-card, .page-project3 .home-card {
  padding-bottom: 3em;
  position: relative;
}

.page-home3 .home-card p, .page-home3b .home-card p, .page-events3 .home-card p, .page-project3 .home-card p {
  width: 100%;
  margin: 0 1.5em;
}

.page-home3 .home-card p a, .page-home3b .home-card p a, .page-events3 .home-card p a, .page-project3 .home-card p a {
  display: inline;
  background-color: white;
  color: #027375;
  white-space: pre-wrap;
  font-size: clamp(18px, 1.7em, 32px);
  line-height: 1.5;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: -0.15em 0 0 0.15em white, 0.25em 0 0 0.15em white;
}

.page-home3 .home-card p a:hover, .page-home3b .home-card p a:hover, .page-events3 .home-card p a:hover, .page-project3 .home-card p a:hover {
  color: #03a0a3;
}

.page-home3 .home-card p a, .page-home3b .home-card p a, .page-events3 .home-card p a, .page-project3 .home-card p a {
  color: black;
}

.page-home3 .home-card p a:hover, .page-home3b .home-card p a:hover, .page-events3 .home-card p a:hover, .page-project3 .home-card p a:hover {
  background-color: black;
  box-shadow: -0.15em 0 0 0.15em black, 0.25em 0 0 0.15em black;
  color: white;
}

.page-home3 .home-card-small, .page-home3b .home-card-small, .page-events3 .home-card-small, .page-project3 .home-card-small {
  padding-bottom: 1em;
}

.page-home3 .home-card-small .home-card, .page-home3b .home-card-small .home-card, .page-events3 .home-card-small .home-card, .page-project3 .home-card-small .home-card {
  padding-bottom: 0;
}

.page-home3 .home-card-small .home-card p a, .page-home3b .home-card-small .home-card p a, .page-events3 .home-card-small .home-card p a, .page-project3 .home-card-small .home-card p a {
  display: block;
  font-size: clamp(16px, 1.25em, 21px);
  line-height: 1.2;
  background-color: transparent;
  box-shadow: none;
  color: #d7e319;
  margin: 1em 0;
  padding-top: .5em;
  padding-bottom: .5em;
  border-top: solid 1px rgba(255, 255, 255, 0.5);
  border-bottom: solid 1px rgba(255, 255, 255, 0);
}

.page-home3 .home-card-small .home-card p a:hover, .page-home3b .home-card-small .home-card p a:hover, .page-events3 .home-card-small .home-card p a:hover, .page-project3 .home-card-small .home-card p a:hover {
  color: white;
  border-top: solid 1px white;
  border-bottom: solid 1px white;
}

.page-home3 .home-card p:not(:has(a)), .page-home3b .home-card p:not(:has(a)), .page-events3 .home-card p:not(:has(a)), .page-project3 .home-card p:not(:has(a)) {
  background-color: #f0f7f7;
  box-shadow: -.15em 0 0 .15em #f0f7f7, .25em 0 0 .15em #f0f7f7;
  display: inline;
  width: auto;
}

.page-home3 .home-card::before, .page-home3b .home-card::before, .page-events3 .home-card::before, .page-project3 .home-card::before {
  content: 'News';
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  text-transform: uppercase;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #000;
  font-size: .7em;
  letter-spacing: .1em;
  padding: 0 0 0 .4em;
  z-index: 99;
  text-shadow: -2px 2px 3px rgba(255, 255, 255, 0.8), 2px -2px 3px rgba(255, 255, 255, 0.6);
  border-top-left-radius: 6px;
}

.page-home3 .home-card-small::before,
.page-home3 .home-card-small .home-card::before, .page-home3b .home-card-small::before,
.page-home3b .home-card-small .home-card::before, .page-events3 .home-card-small::before,
.page-events3 .home-card-small .home-card::before, .page-project3 .home-card-small::before,
.page-project3 .home-card-small .home-card::before {
  display: none;
}

.page-home3 .home-card.x-event::before, .page-home3b .home-card.x-event::before, .page-events3 .home-card.x-event::before, .page-project3 .home-card.x-event::before {
  content: 'Event';
  color: #014984;
}

.page-home3 .home-card.x-pub::before, .page-home3b .home-card.x-pub::before, .page-events3 .home-card.x-pub::before, .page-project3 .home-card.x-pub::before {
  content: 'Publication';
  color: #383f47;
}

.page-home3 .home-card.x-news::before, .page-home3b .home-card.x-news::before, .page-events3 .home-card.x-news::before, .page-project3 .home-card.x-news::before {
  content: 'News';
  color: rgba(2, 58, 84, 0.75);
}

.page-home3 h2, .page-home3b h2, .page-events3 h2, .page-project3 h2 {
  text-transform: uppercase;
  font-size: 1.5em;
}

.page-home3 h3, .page-home3b h3, .page-events3 h3, .page-project3 h3 {
  font-size: 1.3em;
}

.page-home3 h3, .page-home3 h4, .page-home3 strong, .page-home3b h3, .page-home3b h4, .page-home3b strong, .page-events3 h3, .page-events3 h4, .page-events3 strong, .page-project3 h3, .page-project3 h4, .page-project3 strong {
  font-weight: 500;
}

.page-home3 .wp-block-quote, .page-home3b .wp-block-quote, .page-events3 .wp-block-quote, .page-project3 .wp-block-quote {
  padding: 0;
  margin: 1em 0;
  font-style: italic;
  font-family: Lora;
  font-weight: 300;
}

.page-home3 .wp-block-quote strong, .page-home3b .wp-block-quote strong, .page-events3 .wp-block-quote strong, .page-project3 .wp-block-quote strong {
  font-weight: 600;
  font-size: 1.35em;
  line-height: 1.2;
  padding: 0 4px;
}

@media (min-width: 767px) {
  .page-home3 .wp-block-quote, .page-home3b .wp-block-quote, .page-events3 .wp-block-quote, .page-project3 .wp-block-quote {
    margin: 3em 0 1em 0;
  }
}

@media (min-width: 900px) {
  .page-home3 .wp-block-quote, .page-home3b .wp-block-quote, .page-events3 .wp-block-quote, .page-project3 .wp-block-quote {
    margin: 6em 0 2em 0;
  }
}

.page-home3 .wp-block-quote p, .page-home3b .wp-block-quote p, .page-events3 .wp-block-quote p, .page-project3 .wp-block-quote p {
  margin-bottom: .25em;
}

.page-home3 .wp-block-quote cite, .page-home3b .wp-block-quote cite, .page-events3 .wp-block-quote cite, .page-project3 .wp-block-quote cite {
  display: block;
  font-style: normal;
  font-family: 'Nunito Sans';
  font-weight: 800;
  letter-spacing: .03em;
  font-size: .88em;
  line-height: 1.3;
  padding-left: 1em;
  text-indent: -1em;
  margin-top: .4em;
}

.page-home3 .wp-block-quote cite::before, .page-home3b .wp-block-quote cite::before, .page-events3 .wp-block-quote cite::before, .page-project3 .wp-block-quote cite::before {
  content: '— ';
}

.page-home3 .wp-block-social-links, .page-home3b .wp-block-social-links, .page-events3 .wp-block-social-links, .page-project3 .wp-block-social-links {
  margin-left: 0;
  padding-lefT: 0;
}

.page-home3 .mc4wp-form p, .page-home3b .mc4wp-form p, .page-events3 .mc4wp-form p, .page-project3 .mc4wp-form p {
  margin-bottom: .5em;
}

.page-home3 .mc4wp-form input[type="text"], .page-home3b .mc4wp-form input[type="text"], .page-events3 .mc4wp-form input[type="text"], .page-project3 .mc4wp-form input[type="text"] {
  background-color: transparent;
  border: solid 1px #cacbd1;
  border-width: 0 0 1px 0;
}

.page-home3 .mc4wp-form input[type="submit"], .page-home3b .mc4wp-form input[type="submit"], .page-events3 .mc4wp-form input[type="submit"], .page-project3 .mc4wp-form input[type="submit"] {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
  background-color: #d7e319;
  color: #000000;
  border: none;
  text-transform: uppercase;
  line-height: 1;
  padding: 15px 30px;
  font-size: 1em;
  margin-top: 10px;
  margin-right: 0;
  margin-left: auto;
  font-family: 'Nunito Sans';
  font-weight: 800;
  letter-spacing: .03em;
  width: 100%;
}

.page-home3 .mc4wp-form input[type="submit"]:hover, .page-home3b .mc4wp-form input[type="submit"]:hover, .page-events3 .mc4wp-form input[type="submit"]:hover, .page-project3 .mc4wp-form input[type="submit"]:hover {
  background-color: #000;
  color: #fff;
}

.page-home3 .more-proj-data h2, .page-home3b .more-proj-data h2, .page-events3 .more-proj-data h2, .page-project3 .more-proj-data h2 {
  margin-top: 2em;
}

.page-home3 .more-proj-data ul, .page-home3b .more-proj-data ul, .page-events3 .more-proj-data ul, .page-project3 .more-proj-data ul {
  columns: 330px;
  column-gap: 3em;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.page-home3 .more-proj-data ul li, .page-home3b .more-proj-data ul li, .page-events3 .more-proj-data ul li, .page-project3 .more-proj-data ul li {
  break-inside: avoid;
  margin-bottom: .25em;
  padding-top: .5em;
}

.page-home3 .more-proj-data ul li a, .page-home3b .more-proj-data ul li a, .page-events3 .more-proj-data ul li a, .page-project3 .more-proj-data ul li a {
  font-weight: 600;
}

.page-home3 .more-proj-data ul li:after, .page-home3b .more-proj-data ul li:after, .page-events3 .more-proj-data ul li:after, .page-project3 .more-proj-data ul li:after {
  display: block;
  content: ' ';
  height: 1px;
  width: 100%;
  margin-top: .5em;
  min-width: 2em;
  background-color: #bde2ef;
}

.page-home3 .more-proj-data .press-list li, .page-home3b .more-proj-data .press-list li, .page-events3 .more-proj-data .press-list li, .page-project3 .more-proj-data .press-list li {
  font-style: italic;
}

.page-home3 .more-proj-data .press-list li > a, .page-home3b .more-proj-data .press-list li > a, .page-events3 .more-proj-data .press-list li > a, .page-project3 .more-proj-data .press-list li > a {
  display: italic;
  margin-top: 8px;
  font-style: normal;
  font-size: 1.2em;
}

.page-project3 h1 {
  font-size: 2.85em;
}

.page-project3 h2, .page-project3 h3, .page-project3 h4, .page-project3 h5, .page-project3 h6 {
  font-family: 'Lora', serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.page-project3 .home-card {
  padding-bottom: 10%;
}

.page-project3 .home-card > h2 {
  width: 80%;
  margin: 0 10%;
  display: inline !important;
  background-color: white;
  color: black;
  white-space: pre-wrap;
  font-size: clamp(19px, 1.9em, 36px);
  line-height: 1.5;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: -0.15em 0 0 0.15em white, 0.25em 0 0 0.15em white;
}

.page-project3 .home-card p:not(:has(a)) {
  background: transparent;
  box-shadow: none;
}

.page-project3 .wp-block-pullquote {
  padding: 1em;
  border: double 4px #dae4ee;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.75;
}

.page-project3 .wp-block-pullquote p:first-line {
  color: #023a54;
  font-size: 1.7em;
  line-height: 1.5;
}

/**
 *  Footer
 * -----------------------------------------------------------------------------
 */
#footer {
  width: 100%;
  font-size: .9rem;
  letter-spacing: .07em;
  text-align: center;
  overflow: hidden;
}

#footer h4 {
  display: none;
}

#footer form.mc4wp-form {
  font-size: 16px;
  margin: 1em 0;
}

#footer form.mc4wp-form input, #footer form.mc4wp-form textarea, #footer form.mc4wp-form select {
  line-height: 1.15;
  border: none;
  background-color: #eef2f0;
  width: 100%;
  padding: 4px;
  font-size: 16px;
  display: none;
}

#footer form.mc4wp-form p {
  margin-top: 0;
  margin-bottom: 0;
}

#footer form.mc4wp-form label {
  display: none;
  text-align: left;
  font-size: 16px;
  position: relative;
  margin: 8px auto 0 0;
  padding: 2px 6px;
  color: #333;
  font-weight: 400;
  letter-spacing: .04em;
  background-color: #eef2f0;
}

#footer form.mc4wp-form input[type="submit"] {
  margin-top: 12px;
  padding: 15px 20px;
  display: block;
  text-align: center;
  line-height: 1.1;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 400;
  background-color: #d7e319;
}

#copyright {
  clear: both;
  padding: 30px 10px 10px 10px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: .86em;
}

#copyright a {
  color: rgba(255, 255, 255, 0.9);
}

/*  HOMEPAGE
 * -----------------------------------------------------------------------------
 */
.home h1, .home h2, .home h3, .home h4, .page-home4 h1, .page-home4 h2, .page-home4 h3, .page-home4 h4, .page-events h1, .page-events h2, .page-events h3, .page-events h4, .page-project4 h1, .page-project4 h2, .page-project4 h3, .page-project4 h4 {
  font-weight: 200;
  font-family: Gabarito;
}

.home .has-drop-cap:not(:focus)::first-letter, .page-home4 .has-drop-cap:not(:focus)::first-letter, .page-project4 .has-drop-cap:not(:focus)::first-letter {
  font-family: var(--wp--custom--drop-cap--typography--font-family, inherit);
  font-size: var(--wp--custom--drop-cap--typography--font-size, 5.5em);
  font-weight: var(--wp--custom--drop-cap--typography--font-weight, 400);
  font-style: var(--wp--custom--drop-cap--typography--font-style, normal);
  line-height: var(--wp--custom--drop-cap--typography--line-height, 0.85);
  margin: var(--wp--custom--drop-cap--spacing--margin, 0.01em 0 0 0);
  padding: var(--wp--custom--drop-cap--spacing--padding, 2px);
}

.home .hero, .page-home4 .hero, .page-project4 .hero {
  margin-top: -126px;
}

.home .hero h2:first-child, .page-home4 .hero h2:first-child, .page-project4 .hero h2:first-child {
  font-weight: 900;
  line-height: 1.1;
  margin: 40px auto 60px auto;
  text-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2);
}

.home .hero .gb-button, .page-home4 .hero .gb-button, .page-project4 .hero .gb-button {
  margin-bottom: 80px;
  padding: 12px 24px !important;
}

.home .inner-hero, .page-home4 .inner-hero, .page-project4 .inner-hero {
  margin-top: -130px;
  margin-bottom: 40px;
  z-index: -1;
}

.home .gb-button, .home input[type='submit'], .page-home4 .gb-button, .page-home4 input[type='submit'], .page-project4 .gb-button, .page-project4 input[type='submit'] {
  transition: all .2s ease;
  padding-bottom: 8px;
  border-width: 0 0 4px 0;
  font-family: Gabarito;
  font-weight: 900;
  letter-spacing: .05em;
}

.home .gb-button:hover, .home input[type='submit']:hover, .home input[type='submit']:focus, .page-home4 .gb-button:hover, .page-home4 input[type='submit']:hover, .page-home4 input[type='submit']:focus, .page-project4 .gb-button:hover, .page-project4 input[type='submit']:hover, .page-project4 input[type='submit']:focus {
  border-bottom-width: 8px;
  padding-bottom: 4px;
}

.home input[type='submit'], .page-home4 input[type='submit'], .page-project4 input[type='submit'] {
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 900;
  color: #023a54;
  border-color: #023a54;
}

.home input[type='submit']:hover, .home input[type='submit']:focus, .page-home4 input[type='submit']:hover, .page-home4 input[type='submit']:focus, .page-project4 input[type='submit']:hover, .page-project4 input[type='submit']:focus {
  color: #027375;
  border-bottom: solid 8px #027375 !important;
}

.home .wp-block-quote, .page-home4 .wp-block-quote, .page-project4 .wp-block-quote {
  font-family: Georgia;
  margin: 1em 0;
}

@media (min-width: 767px) {
  .home .wp-block-quote, .page-home4 .wp-block-quote, .page-project4 .wp-block-quote {
    margin: 3em 0;
  }
}

.home .date, .page-home4 .date, .page-project4 .date {
  margin-top: 6px;
}

.home .latest > .gb-container, .page-home4 .latest > .gb-container, .page-project4 .latest > .gb-container {
  border-bottom: solid 1px #cacbd1;
  margin-bottom: 1em;
  width: 100%;
}

.home .latest > .gb-container h4, .page-home4 .latest > .gb-container h4, .page-project4 .latest > .gb-container h4 {
  font-size: 1.12em;
  line-height: 1.12;
  margin-bottom: 4px;
  idth: 100%;
}

.home .latest > .gb-container .date, .page-home4 .latest > .gb-container .date, .page-project4 .latest > .gb-container .date {
  font-size: 13px;
  font-weight: 300;
  margin-top: 5px;
  margin-bottom: 5px;
}

.home .latest > .gb-container figure, .page-home4 .latest > .gb-container figure, .page-project4 .latest > .gb-container figure {
  max-width: 120px;
  margin-left: 12px;
  margin-bottom: 4px;
}

.home .hp-work > .gb-container, .page-home4 .hp-work > .gb-container, .page-project4 .hp-work > .gb-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.home .hp-work > .gb-container figure, .page-home4 .hp-work > .gb-container figure, .page-project4 .hp-work > .gb-container figure {
  display: block;
  border: none;
  padding: 0;
}

.home .hp-work > .gb-container figure > img, .page-home4 .hp-work > .gb-container figure > img, .page-project4 .hp-work > .gb-container figure > img {
  border: none;
  display: block;
  border-radius: 0;
}

.home .hp-work > .gb-container figure:after, .page-home4 .hp-work > .gb-container figure:after, .page-project4 .hp-work > .gb-container figure:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 900px;
}

.home .hp-work > .gb-container h3, .page-home4 .hp-work > .gb-container h3, .page-project4 .hp-work > .gb-container h3 {
  margin: 0;
}

.home .hp-work > .gb-container h3 a, .page-home4 .hp-work > .gb-container h3 a, .page-project4 .hp-work > .gb-container h3 a {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: white;
  font-size: clamp(18px, 4vw, 66px);
  text-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2);
  transition: all .3s ease;
}

.home .hp-work > .gb-container h3 a:hover, .page-home4 .hp-work > .gb-container h3 a:hover, .page-project4 .hp-work > .gb-container h3 a:hover {
  background: rgba(0, 0, 0, 0.35);
  padding-bottom: 10%;
}

.home .hp-news-grid .wp-block-group,
.home .related-blog-post .wp-block-group, .page-home4 .hp-news-grid .wp-block-group,
.page-home4 .related-blog-post .wp-block-group, .page-project4 .hp-news-grid .wp-block-group,
.page-project4 .related-blog-post .wp-block-group {
  width: 100%;
  font-size: .94em;
}

.home .hp-news-grid .wp-block-group p,
.home .related-blog-post .wp-block-group p, .page-home4 .hp-news-grid .wp-block-group p,
.page-home4 .related-blog-post .wp-block-group p, .page-project4 .hp-news-grid .wp-block-group p,
.page-project4 .related-blog-post .wp-block-group p {
  font-size: clamp(16px, 1.3vw, 21px);
}

.home .hp-news-grid .wp-block-image img,
.home .related-blog-post .wp-block-image img, .page-home4 .hp-news-grid .wp-block-image img,
.page-home4 .related-blog-post .wp-block-image img, .page-project4 .hp-news-grid .wp-block-image img,
.page-project4 .related-blog-post .wp-block-image img {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.home .hp-news-grid .wp-block-group h3,
.home .related-blog-post .wp-block-group h3, .page-home4 .hp-news-grid .wp-block-group h3,
.page-home4 .related-blog-post .wp-block-group h3, .page-project4 .hp-news-grid .wp-block-group h3,
.page-project4 .related-blog-post .wp-block-group h3 {
  margin: 0;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: .3em;
  margin-bottom: .5em;
}

.home .hp-news-grid .wp-block-group h3 + h4,
.home .related-blog-post .wp-block-group h3 + h4, .page-home4 .hp-news-grid .wp-block-group h3 + h4,
.page-home4 .related-blog-post .wp-block-group h3 + h4, .page-project4 .hp-news-grid .wp-block-group h3 + h4,
.page-project4 .related-blog-post .wp-block-group h3 + h4 {
  font-family: Roboto;
  font-size: .66em;
  font-weight: 300;
  margin: 0 0 1em auto;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  color: #383f47;
  padding: 1px 4px;
  border-bottom: solid 1px rgba(56, 63, 71, 0.7);
}

.latest h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3em;
  color: #023a54;
  font-weight: 400;
}

.latest h3 + p {
  margin-top: 0;
}

.date {
  text-transform: uppercase;
  font-size: .8em;
  letter-spacing: .05em;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 3em;
}

/*  turning GB containers into grid layout
 * -----------------------------------------------------------------------------
 */
.hero-grid {
  display: grid;
  grid-template-columns: repeat(13, 1fr) 3em 3em 3em;
  grid-template-rows: repeat(12, 1fr);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.hero-grid > div {
  width: 100%;
  max-width: 100%;
  padding: 30px;
}

.hero-grid > div:nth-child(1) {
  grid-area: 1 / 1 / 8 / 13;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-grid > div:nth-child(1) .wp-block-group {
  text-align: center;
  max-width: 25em;
  padding: 1em;
  margin: 2em auto;
  color: black;
  background-color: rgba(255, 255, 255, 0.88);
  text-align: left;
}

.hero-grid > div:nth-child(1) .wp-block-group h2 {
  margin: 0 0 .5em 0;
  font-size: 2em;
  font-weight: 500;
}

.hero-grid > div:nth-child(1) .wp-block-group p {
  margin: 0;
}

.hero-grid > div:nth-child(2) {
  grid-area: 1 / 13 / 13 / 17;
  padding: 0px;
}

.hero-grid > div:nth-child(3) {
  grid-area: 8 / 1 / 13 / 7;
}

.hero-grid > div:nth-child(4) {
  grid-area: 8 / 7 / 13 / 13;
}

.hero-grid .side-menu {
  font-size: 21px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1.2;
  color: #023a54;
}

.hero-grid .side-menu > li {
  margin: 0;
  padding: 20px;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.1;
  background-color: #d7e319;
  border-top: solid 6px white;
}

.hero-grid .side-menu > li:first-child {
  border-top: none;
}

.hero-grid .side-menu > li ul {
  list-style-type: none;
  margin: 4px 0;
  padding: 0;
  font-weight: 300;
  font-size: .94em;
  font-family: 'Assistant';
}

.hero-grid .side-menu > li ul > li {
  font-size: 16px;
  margin-bottom: .3em;
  text-transform: none;
  padding: 3px 0;
  color: black;
  line-height: 1.4;
}

.hero-grid .side-menu > li ul > li:hover {
  color: black;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.news-grid > div {
  width: 100%;
  max-width: 100%;
  padding: 30px;
}

.news-grid > div h3 {
  margin: 0 0 .5em 0;
  font-size: 1.5em;
  font-weight: 500;
}

.news-grid > div h4 {
  margin: 0 0 .5em 0;
  font-size: 1.25em;
  font-weight: 500;
}

.news-grid > div p {
  margin: 0;
}

.news-grid > div:nth-child(1) {
  grid-area: 1 / 1 / 3 / 11;
  padding: 0;
}

.news-grid > div:nth-child(1) > div {
  padding: 30px;
}

.news-grid > div:nth-child(2) {
  grid-area: 1 / 11 / 2 / 17;
}

.news-grid > div:nth-child(3) {
  grid-area: 2 / 11 / 3 / 17;
}

/**
 *   All Projects Page 
 * -----------------------------------------------------------------------------
 */
ul.projects {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

ul.projects li {
  text-align: center;
}

ul.projects li a {
  display: block;
  text-decoration: none;
  background-color: #cacbd1;
  padding-bottom: .3em;
}

ul.projects li a:hover {
  background-color: white;
}

@media (min-width: 640px) {
  ul.projects li {
    max-width: calc(50% - 40px);
  }
}

@media (min-width: 900px) {
  ul.projects li {
    max-width: calc(33% - 40px);
  }
}

/**
 *   Single Project Page 
 * -----------------------------------------------------------------------------
 */
.single-project .entry-meta {
  display: none;
}

.single-project h1.entry-title {
  margin-bottom: 1em;
}

html body .modula-fancybox-is-open .modula-fancybox-bg {
  background-color: #cacbd1;
  opacity: 1 !important;
}

html body .modula-fancybox-is-open .modula-fancybox-caption {
  color: black;
  background-image: none;
  font-size: .8em;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
}

/*  MAILCHIMP FORM
 * -----------------------------------------------------------------------------
 */
#mc_embed_signup {
  background: #fff;
  clear: left;
  font: 14px Helvetica,Arial,sans-serif;
}

#mc_embed_signup {
  font-size: 1em;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#mc_embed_signup br {
  display: none;
}

#mc_embed_signup form .mc-field-group.input-group ul li {
  padding: 5px 0;
}

#mc_embed_signup form .mc-field-group.columns ul {
  columns: 200px 4;
}

/**
 *   Pages 
 * -----------------------------------------------------------------------------
 */
/* ============================= Custom color palette ============================= */
.has-white-color {
  color: white;
}

.has-white-color a {
  color: #d7e319;
}

.has-white-color a:hover {
  color: #ecf28b;
}

h1.has-white-color a, h2.has-white-color a, h3.has-white-color a, h4.has-white-color a, h5.has-white-color a, h6.has-white-color a {
  color: white;
}

h1.has-white-color a:hover, h2.has-white-color a:hover, h3.has-white-color a:hover, h4.has-white-color a:hover, h5.has-white-color a:hover, h6.has-white-color a:hover {
  color: #011d2a;
}

.has-background.has-white-background-color {
  background-color: white;
  color: #212121;
}

.has-background.has-white-background-color a {
  color: #023a54;
}

.has-background.has-white-background-color a:hover {
  color: #011d2a;
}

.wp-block-button__link.has-white-color {
  color: white;
}

.wp-block-button__link.has-white-color:visited {
  color: white;
}

.wp-block-button__link.has-white-color:hover {
  color: white;
}

.wp-block-button__link.has-white-background-color {
  background-color: white;
  color: #212121;
}

.wp-block-button__link.has-white-background-color:visited {
  background-color: white;
  color: #212121;
}

.wp-block-button__link.has-white-background-color:hover {
  background-color: #eaf45f;
  color: #212121;
}

.has-black-color {
  color: black;
}

.has-black-color a {
  color: #023a54;
}

.has-black-color a:hover {
  color: #011d2a;
}

h1.has-black-color a, h2.has-black-color a, h3.has-black-color a, h4.has-black-color a, h5.has-black-color a, h6.has-black-color a {
  color: black;
}

h1.has-black-color a:hover, h2.has-black-color a:hover, h3.has-black-color a:hover, h4.has-black-color a:hover, h5.has-black-color a:hover, h6.has-black-color a:hover {
  color: #011d2a;
}

.has-background.has-black-background-color {
  background-color: black;
  color: white;
}

.has-background.has-black-background-color a {
  color: #d7e319;
}

.has-background.has-black-background-color a:hover {
  color: #ecf28b;
}

.wp-block-button__link.has-black-color {
  color: black;
}

.wp-block-button__link.has-black-color:visited {
  color: black;
}

.wp-block-button__link.has-black-color:hover {
  color: black;
}

.wp-block-button__link.has-black-background-color {
  background-color: black;
  color: white;
}

.wp-block-button__link.has-black-background-color:visited {
  background-color: black;
  color: white;
}

.wp-block-button__link.has-black-background-color:hover {
  background-color: #3e4851;
  color: white;
}

.has-charcoal-color {
  color: #383f47;
}

.has-charcoal-color a {
  color: #023a54;
}

.has-charcoal-color a:hover {
  color: #011d2a;
}

h1.has-charcoal-color a, h2.has-charcoal-color a, h3.has-charcoal-color a, h4.has-charcoal-color a, h5.has-charcoal-color a, h6.has-charcoal-color a {
  color: #383f47;
}

h1.has-charcoal-color a:hover, h2.has-charcoal-color a:hover, h3.has-charcoal-color a:hover, h4.has-charcoal-color a:hover, h5.has-charcoal-color a:hover, h6.has-charcoal-color a:hover {
  color: #011d2a;
}

.has-background.has-charcoal-background-color {
  background-color: #383f47;
  color: white;
}

.has-background.has-charcoal-background-color a {
  color: #d7e319;
}

.has-background.has-charcoal-background-color a:hover {
  color: #ecf28b;
}

.wp-block-button__link.has-charcoal-color {
  color: #383f47;
}

.wp-block-button__link.has-charcoal-color:visited {
  color: #383f47;
}

.wp-block-button__link.has-charcoal-color:hover {
  color: #383f47;
}

.wp-block-button__link.has-charcoal-background-color {
  background-color: #383f47;
  color: white;
}

.wp-block-button__link.has-charcoal-background-color:visited {
  background-color: #383f47;
  color: white;
}

.wp-block-button__link.has-charcoal-background-color:hover {
  background-color: #0e152b;
  color: white;
}

.has-grey-color {
  color: #cacbd1;
}

.has-grey-color a {
  color: #d7e319;
}

.has-grey-color a:hover {
  color: #ecf28b;
}

h1.has-grey-color a, h2.has-grey-color a, h3.has-grey-color a, h4.has-grey-color a, h5.has-grey-color a, h6.has-grey-color a {
  color: #cacbd1;
}

h1.has-grey-color a:hover, h2.has-grey-color a:hover, h3.has-grey-color a:hover, h4.has-grey-color a:hover, h5.has-grey-color a:hover, h6.has-grey-color a:hover {
  color: #011d2a;
}

.has-background.has-grey-background-color {
  background-color: #cacbd1;
  color: #212121;
}

.has-background.has-grey-background-color a {
  color: #023a54;
}

.has-background.has-grey-background-color a:hover {
  color: #011d2a;
}

.wp-block-button__link.has-grey-color {
  color: #cacbd1;
}

.wp-block-button__link.has-grey-color:visited {
  color: #cacbd1;
}

.wp-block-button__link.has-grey-color:hover {
  color: #cacbd1;
}

.wp-block-button__link.has-grey-background-color {
  background-color: #cacbd1;
  color: #212121;
}

.wp-block-button__link.has-grey-background-color:visited {
  background-color: #cacbd1;
  color: #212121;
}

.wp-block-button__link.has-grey-background-color:hover {
  background-color: #adb4cc;
  color: #212121;
}

.has-logo-color {
  color: #0168a6;
}

.has-logo-color a {
  color: #023a54;
}

.has-logo-color a:hover {
  color: #011d2a;
}

h1.has-logo-color a, h2.has-logo-color a, h3.has-logo-color a, h4.has-logo-color a, h5.has-logo-color a, h6.has-logo-color a {
  color: #0168a6;
}

h1.has-logo-color a:hover, h2.has-logo-color a:hover, h3.has-logo-color a:hover, h4.has-logo-color a:hover, h5.has-logo-color a:hover, h6.has-logo-color a:hover {
  color: #011d2a;
}

.has-background.has-logo-background-color {
  background-color: #0168a6;
  color: white;
}

.has-background.has-logo-background-color a {
  color: #d7e319;
}

.has-background.has-logo-background-color a:hover {
  color: #ecf28b;
}

.wp-block-button__link.has-logo-color {
  color: #0168a6;
}

.wp-block-button__link.has-logo-color:visited {
  color: #0168a6;
}

.wp-block-button__link.has-logo-color:hover {
  color: #0168a6;
}

.wp-block-button__link.has-logo-background-color {
  background-color: #0168a6;
  color: white;
}

.wp-block-button__link.has-logo-background-color:visited {
  background-color: #0168a6;
  color: white;
}

.wp-block-button__link.has-logo-background-color:hover {
  background-color: #014984;
  color: white;
}

.has-midnight-color {
  color: #023a54;
}

.has-midnight-color a {
  color: #023a54;
}

.has-midnight-color a:hover {
  color: #011d2a;
}

h1.has-midnight-color a, h2.has-midnight-color a, h3.has-midnight-color a, h4.has-midnight-color a, h5.has-midnight-color a, h6.has-midnight-color a {
  color: #023a54;
}

h1.has-midnight-color a:hover, h2.has-midnight-color a:hover, h3.has-midnight-color a:hover, h4.has-midnight-color a:hover, h5.has-midnight-color a:hover, h6.has-midnight-color a:hover {
  color: #011d2a;
}

.has-background.has-midnight-background-color {
  background-color: #023a54;
  color: white;
}

.has-background.has-midnight-background-color a {
  color: #d7e319;
}

.has-background.has-midnight-background-color a:hover {
  color: #ecf28b;
}

.wp-block-button__link.has-midnight-color {
  color: #023a54;
}

.wp-block-button__link.has-midnight-color:visited {
  color: #023a54;
}

.wp-block-button__link.has-midnight-color:hover {
  color: #023a54;
}

.wp-block-button__link.has-midnight-background-color {
  background-color: #023a54;
  color: white;
}

.wp-block-button__link.has-midnight-background-color:visited {
  background-color: #023a54;
  color: white;
}

.wp-block-button__link.has-midnight-background-color:hover {
  background-color: #015089;
  color: white;
}

.has-teal-color {
  color: #027375;
}

.has-teal-color a {
  color: #023a54;
}

.has-teal-color a:hover {
  color: #011d2a;
}

h1.has-teal-color a, h2.has-teal-color a, h3.has-teal-color a, h4.has-teal-color a, h5.has-teal-color a, h6.has-teal-color a {
  color: #027375;
}

h1.has-teal-color a:hover, h2.has-teal-color a:hover, h3.has-teal-color a:hover, h4.has-teal-color a:hover, h5.has-teal-color a:hover, h6.has-teal-color a:hover {
  color: #011d2a;
}

.has-background.has-teal-background-color:not(.wp-block-separator) {
  background-color: #027375;
  color: white;
}

.has-background.has-teal-background-color:not(.wp-block-separator) a {
  color: #d7e319;
}

.has-background.has-teal-background-color:not(.wp-block-separator) a:hover {
  color: #ecf28b;
}

.wp-block-button__link.has-teal-color {
  color: #027375;
}

.wp-block-button__link.has-teal-color:visited {
  color: #027375;
}

.wp-block-button__link.has-teal-color:hover {
  color: #027375;
}

.wp-block-button__link.has-teal-background-color {
  background-color: #027375;
  color: white;
}

.wp-block-button__link.has-teal-background-color:visited {
  background-color: #027375;
  color: white;
}

.wp-block-button__link.has-teal-background-color:hover {
  background-color: #03a0a3;
  color: white;
}

.has-blue-color {
  color: #305d72;
}

.has-blue-color a {
  color: #023a54;
}

.has-blue-color a:hover {
  color: #011d2a;
}

h1.has-blue-color a, h2.has-blue-color a, h3.has-blue-color a, h4.has-blue-color a, h5.has-blue-color a, h6.has-blue-color a {
  color: #305d72;
}

h1.has-blue-color a:hover, h2.has-blue-color a:hover, h3.has-blue-color a:hover, h4.has-blue-color a:hover, h5.has-blue-color a:hover, h6.has-blue-color a:hover {
  color: #011d2a;
}

.has-background.has-blue-background-color {
  background-color: #305d72;
  color: white;
}

.has-background.has-blue-background-color a {
  color: #d7e319;
}

.has-background.has-blue-background-color a:hover {
  color: #ecf28b;
}

.wp-block-button__link.has-blue-color {
  color: #305d72;
}

.wp-block-button__link.has-blue-color:visited {
  color: #305d72;
}

.wp-block-button__link.has-blue-color:hover {
  color: #305d72;
}

.wp-block-button__link.has-blue-background-color {
  background-color: #305d72;
  color: white;
}

.wp-block-button__link.has-blue-background-color:visited {
  background-color: #305d72;
  color: white;
}

.wp-block-button__link.has-blue-background-color:hover {
  background-color: #015089;
  color: white;
}

.has-lilac-color {
  color: #b9e4cf;
}

.has-lilac-color a {
  color: #d7e319;
}

.has-lilac-color a:hover {
  color: #ecf28b;
}

h1.has-lilac-color a, h2.has-lilac-color a, h3.has-lilac-color a, h4.has-lilac-color a, h5.has-lilac-color a, h6.has-lilac-color a {
  color: #b9e4cf;
}

h1.has-lilac-color a:hover, h2.has-lilac-color a:hover, h3.has-lilac-color a:hover, h4.has-lilac-color a:hover, h5.has-lilac-color a:hover, h6.has-lilac-color a:hover {
  color: #011d2a;
}

.has-background.has-lilac-background-color {
  background-color: #b9e4cf;
  color: #212121;
}

.has-background.has-lilac-background-color a {
  color: #023a54;
}

.has-background.has-lilac-background-color a:hover {
  color: #011d2a;
}

.wp-block-button__link.has-lilac-color {
  color: #b9e4cf;
}

.wp-block-button__link.has-lilac-color:visited {
  color: #b9e4cf;
}

.wp-block-button__link.has-lilac-color:hover {
  color: #b9e4cf;
}

.wp-block-button__link.has-lilac-background-color {
  background-color: #b9e4cf;
  color: #212121;
}

.wp-block-button__link.has-lilac-background-color:visited {
  background-color: #b9e4cf;
  color: #212121;
}

.wp-block-button__link.has-lilac-background-color:hover {
  background-color: #82edc4;
  color: #212121;
}

.has-sky-color {
  color: #bde2ef;
}

.has-sky-color a {
  color: #d7e319;
}

.has-sky-color a:hover {
  color: #ecf28b;
}

h1.has-sky-color a, h2.has-sky-color a, h3.has-sky-color a, h4.has-sky-color a, h5.has-sky-color a, h6.has-sky-color a {
  color: #bde2ef;
}

h1.has-sky-color a:hover, h2.has-sky-color a:hover, h3.has-sky-color a:hover, h4.has-sky-color a:hover, h5.has-sky-color a:hover, h6.has-sky-color a:hover {
  color: #011d2a;
}

.has-background.has-sky-background-color {
  background-color: #bde2ef;
  color: #212121;
}

.has-background.has-sky-background-color a {
  color: #023a54;
}

.has-background.has-sky-background-color a:hover {
  color: #011d2a;
}

.wp-block-button__link.has-sky-color {
  color: #bde2ef;
}

.wp-block-button__link.has-sky-color:visited {
  color: #bde2ef;
}

.wp-block-button__link.has-sky-color:hover {
  color: #bde2ef;
}

.wp-block-button__link.has-sky-background-color {
  background-color: #bde2ef;
  color: #212121;
}

.wp-block-button__link.has-sky-background-color:visited {
  background-color: #bde2ef;
  color: #212121;
}

.wp-block-button__link.has-sky-background-color:hover {
  background-color: #7fd8ff;
  color: #212121;
}

.has-lichen-color {
  color: #daefe7;
}

.has-lichen-color a {
  color: #d7e319;
}

.has-lichen-color a:hover {
  color: #ecf28b;
}

h1.has-lichen-color a, h2.has-lichen-color a, h3.has-lichen-color a, h4.has-lichen-color a, h5.has-lichen-color a, h6.has-lichen-color a {
  color: #daefe7;
}

h1.has-lichen-color a:hover, h2.has-lichen-color a:hover, h3.has-lichen-color a:hover, h4.has-lichen-color a:hover, h5.has-lichen-color a:hover, h6.has-lichen-color a:hover {
  color: #011d2a;
}

.has-background.has-lichen-background-color {
  background-color: #daefe7;
  color: #212121;
}

.has-background.has-lichen-background-color a {
  color: #023a54;
}

.has-background.has-lichen-background-color a:hover {
  color: #011d2a;
}

.wp-block-button__link.has-lichen-color {
  color: #daefe7;
}

.wp-block-button__link.has-lichen-color:visited {
  color: #daefe7;
}

.wp-block-button__link.has-lichen-color:hover {
  color: #daefe7;
}

.wp-block-button__link.has-lichen-background-color {
  background-color: #daefe7;
  color: #212121;
}

.wp-block-button__link.has-lichen-background-color:visited {
  background-color: #daefe7;
  color: #212121;
}

.wp-block-button__link.has-lichen-background-color:hover {
  background-color: #ccf9e8;
  color: #212121;
}

.has-lime-color {
  color: #d7e319;
}

.has-lime-color a {
  color: #d7e319;
}

.has-lime-color a:hover {
  color: #ecf28b;
}

h1.has-lime-color a, h2.has-lime-color a, h3.has-lime-color a, h4.has-lime-color a, h5.has-lime-color a, h6.has-lime-color a {
  color: #d7e319;
}

h1.has-lime-color a:hover, h2.has-lime-color a:hover, h3.has-lime-color a:hover, h4.has-lime-color a:hover, h5.has-lime-color a:hover, h6.has-lime-color a:hover {
  color: #011d2a;
}

.has-background.has-lime-background-color {
  background-color: #d7e319;
  color: #212121;
}

.has-background.has-lime-background-color a {
  color: #023a54;
}

.has-background.has-lime-background-color a:hover {
  color: #011d2a;
}

.wp-block-button__link.has-lime-color {
  color: #d7e319;
}

.wp-block-button__link.has-lime-color:visited {
  color: #d7e319;
}

.wp-block-button__link.has-lime-color:hover {
  color: #d7e319;
}

.wp-block-button__link.has-lime-background-color {
  background-color: #d7e319;
  color: #212121;
}

.wp-block-button__link.has-lime-background-color:visited {
  background-color: #d7e319;
  color: #212121;
}

.wp-block-button__link.has-lime-background-color:hover {
  background-color: #eaf45f;
  color: #212121;
}