/*
Theme Name: Sustainable Conservation 2024
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: suscon2024
*/
/*
$text-dark: rgb(45,45,45);
$link-dark: rgb(6,94,132);
$text-light: rgb(255,255,255);
$link-light: rgb(255,239,150);
$white: rgb(255,255,255);
$white-hover : rgb(255,255,140);
$black: rgb(0,0,0);
$black-hover : rgb(62,72,81);
$gray: rgb(56,63,71);
$gray-hover : rgb(33,35,81);
$dusk: rgb(45,93,114);
$dusk-hover : rgb(1,65,114);
$water: rgb(108,192,220);
$water-hover : rgb(133,209,234);
$sky: rgb(142,207,224);
$sky-hover : rgb(171,237,242);
$leaf: rgb(105,183,84);
$leaf-hover : rgb(147,214,111);
$moss: rgb(141,183,104);
$moss-hover : rgb(183,206,132);
$celadon: rgb(151,203,147);
$celadon-hover : rgb(176,226,165);
$poppy: rgb(249,182,23);
$poppy-hover : rgb(255,208,22);
$wheat: rgb(255,238,199);
$wheat-hover : rgb(255,250,214);
$midnight: rgb(11,57,84);
$midnight-hover : rgb(14,84,122);
$sapphire: rgb(9,84,135);
$sapphire-hover : rgb(29,59,102);
$ice: rgb(191,215,234);
$ice-hover : rgb(136,190,234);
$teal: rgb(2,115,117);
$teal-hover : rgb(0,79,96);
$mint: rgb(191,241,214);
$mint-hover : rgb(209,255,227);
$salmon: rgb(240,93,94);
$salmon-hover : rgb(226,70,18);
$soil: rgb(71,44,12);
$soil-hover : rgb(107,69,0);
$near-black: rgb(39,41,50);
$near-black-hover : rgb(6,38,107);
$neon: rgb(222,255,79);
$neon-hover : rgb(243,255,119);
$cloud: rgb(207,231,246);
$cloud-hover : rgb(207,239,252);
$lichen: rgb(181,221,175);
$lichen-hover : rgb(201,247,189);
$melon: rgb(218,239,231);
$melon-hover : rgb(212,255,214);
$lime: rgb(215,227,25);
$lime-hover : rgb(234,242,123);
*/
.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;
}

.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 #c4c4d0;
  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 #c4c4d0;
  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 0;
  padding: 10px 1em;
}

.entry-content ul li,
.entry-content ol li {
  line-height: 1.3;
  margin-bottom: .75em;
}

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

ul {
  list-style-image: url("images/rounded-square-transgrey.svg");
}

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: 768px) {
  iframe.sm-iframe {
    display: none;
  }
}

iframe.lg-iframe {
  display: none;
}

@media (min-width: 768px) {
  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 {
  scroll-padding-top: 20px;
}

body,
button,
input,
select,
textarea {
  font-family: Assistant, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: clamp(18px, 1.65vw, 24px);
  line-height: 1.5;
  word-wrap: break-word;
}

@media (min-width: 640px) {
  body,
  button,
  input,
  select,
  textarea {
    font-weight: 300;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 600;
  font-family: "Barlow Semi Condensed", "Arial Narrow", "Helvetica Condensed", "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: 600;
}

h2 {
  margin: 1.25em 0 .5em 0;
}

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

.single-post h3, .single-post h4, .single-post h5, .single-post h6 {
  margin-top: 1em;
}

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;
}

h4 > em {
  font-size: .7em;
  font-style: normal;
}

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

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

strong a {
  font-weight: inherit;
}

a:visited {
  color: #2d5d72;
}

a:hover {
  color: #0b3954;
}

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: 2.7em;
  line-height: 1.1;
}

h2 {
  font-size: 2.4em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.6em;
}

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

h6 {
  font-size: 1.1em;
}

/**
 * FUC
 * -----------------------------------------------------------------------------
 */
#wrapper {
  overflow-x: hidden;
}

.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 {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

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;
}

ul.dash-list {
  list-style-type: none;
  list-style-image: none;
  margin: 10px 0;
  padding: 0 0 0 .5em;
}

ul.dash-list li {
  padding-left: .5em;
  margin-bottom: 1em;
}

ul.dash-list li::before {
  content: ' ';
  display: inline-block;
  background-color: #95adb7;
  height: .2em;
  width: .5em;
  position: relative;
  left: -.5em;
  top: -.25em;
  margin-left: -.5em;
}

.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;
  }
}

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

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

.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 {
  margin: 10px 0;
  padding-bottom: 6px;
  border-bottom: solid 1px rgba(149, 173, 183, 0.5);
}

@media (min-width: 768px) {
  .wp-block-embed.is-type-video {
    max-width: 100%;
    margin: 0;
  }
}

:root .quote :where(.wp-block-pullquote) {
  font-size: 1em;
}

figure.wp-block-pullquote {
  padding: 0;
  margin: 0 auto;
}

blockquote {
  font-style: normal;
  font-size: 1em;
  border: none;
  padding: 40px 0 0 0;
  margin-top: 0;
  position: relative;
  clear: all;
  text-align: left;
}

blockquote::before {
  content: '\201C';
  display: block;
  text-align: left;
  font-family: Georgia, serif;
  font-size: 6em;
  line-height: .15em;
  color: #618595;
  z-index: 10;
  position: relative;
  top: .1em;
}

blockquote p {
  margin-top: 0;
  margin-bottom: .4em;
  position: relative;
  z-index: 30;
  /*
		&::after {
			content: '\201D';
			display: inline;
			font-family: Georgia, serif;
			margin-left: .1em;
			color: $blue-l2;
		}
			*/
}

blockquote p strong > em,
blockquote p em > strong {
  display: block;
  text-align: right;
  font-weight: 400;
}

blockquote cite {
  display: block;
  font-style: normal;
  font-family: "Barlow Semi Condensed", "Arial Narrow", "Helvetica Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: .8em;
  line-height: 1.3;
}

cite::before {
  content: '\2014';
}

hr.wp-block-separator {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border-color: #0b3954;
}

.button, .gb-button:not(.gb-accordion__toggle), .wp-block-button__link, .daf-button-link {
  display: inline-block;
  text-align: center;
  line-height: 1.1;
  font-family: "Gabarito", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 800;
  transition: all .3s ease;
}

.button, .gb-button, .wp-block-button__link {
  font-size: 1.2em;
}

a.daf-button-link {
  font-size: 24px;
  padding: .6em 1.2em;
  margin: 20px auto;
  background-color: #f9b617;
  color: #272932;
  text-decoration: none;
}

a.daf-button-link:hover {
  background-color: #afdef6;
}

a.button.bright {
  display: block;
  background-color: #f9b617;
  padding: .6em 1.2em;
  color: #0b3954;
}

a.button.bright:hover {
  background-color: #afdef6;
}

.gb-button, input[type='submit'] {
  font-family: "Gabarito", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gb-button.text-button, input[type='submit'].text-button {
  font-weight: 800;
  transition: all .2s ease;
  padding-bottom: 8px;
  border-width: 0 0 4px 0;
}

.gb-button:hover.text-button, input[type='submit']:hover.text-button, input[type='submit']:focus.text-button {
  border-bottom-width: 6px;
  padding-bottom: 6px;
}

.sf-field-submit input[type='submit'] {
  margin-top: 1em;
}

.sf-field-submit input[type='submit']:hover {
  background-color: #77a352;
  color: white;
}

input[type='submit'] {
  display: inline-flex;
  justify-content: center;
  max-width: 16em;
  font-size: 1.2em;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 12px 24px;
  margin: 0 auto 40px auto;
  border: none !important;
  background-color: #f9b617;
  color: #0a0a0a;
  transition: all .3s ease;
}

input[type='submit']:hover {
  background-color: #afdef6;
  color: #0a0a0a;
}

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

ul.wp-block-social-links {
  margin-left: 0;
  padding: 0;
  font-size: 1em;
}

ul.wp-block-social-links li {
  background-color: #eefbf4;
}

ul.wp-block-social-links .wp-social-link svg {
  height: 1.7em;
  width: 1.7em;
}

.entry-content ul.people-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0 0 2em 0;
  gap: 20px;
  list-style-type: none;
  list-style-image: none;
}

.entry-content ul.people-grid > li {
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: calc(50% - 20px);
}

@media (min-width: 768px) {
  .entry-content ul.people-grid > li {
    width: calc(30vw - 21px);
  }
}

@media (min-width: 1025px) {
  .entry-content ul.people-grid > li {
    width: calc(18vw - 22px);
    max-width: 270px;
  }
}

.entry-content ul.people-grid > li img {
  display: block;
  width: auto;
  border-radius: 14px 14px 0 0;
  background-color: rgba(0, 0, 0, 0);
}

.entry-content ul.people-grid > li h3 {
  margin: 0;
  font-size: 22px;
}

@media (min-width: 1025px) {
  .entry-content ul.people-grid > li h3 {
    font-size: 1.3vw;
  }
}

@media (min-width: 768px) {
  .entry-content ul.people-grid > li h3 {
    font-size: 1em;
  }
}

.entry-content ul.people-grid > li .staff-name {
  padding: 5px;
}

.entry-content ul.people-grid > li .staff-name .title {
  display: none;
}

.entry-content ul.people-grid > li span {
  font-size: .9em;
  line-height: 1;
}

.entry-content ul.people-grid > li a {
  display: block;
  position: relative;
  background-color: #486a7e;
  color: white;
  border-radius: 14px;
  width: 100%;
  max-width: 100%;
  font-weight: 400;
  transition: all .3s ease;
}

.entry-content ul.people-grid > li a:hover {
  background-color: #0b3954;
}

.entry-content ul.people-grid > li a:hover img {
  transition: all .3s ease;
  filter: saturate(105%) brightness(105%);
}

.entry-content ul.board-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 1em;
  row-gap: 1em;
  width: 100%;
  margin: 0 auto 2em auto;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.entry-content ul.board-grid > li {
  display: flex;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: calc(50% - .75em);
}

@media (min-width: 1025px) {
  .entry-content ul.board-grid > li {
    width: calc(25% - .75em);
  }
}

.entry-content ul.board-grid > li h3 {
  margin: 0;
  font-size: 1.25em;
}

.entry-content ul.board-grid > li h4 {
  margin: .25em 0 0 0;
  font-size: 1em;
}

.entry-content ul.board-grid > li .staff-name {
  padding: 5px;
}

.entry-content ul.board-grid > li span {
  display: block;
  font-size: .8em;
  line-height: 1.2;
  margin-top: 1em;
}

.entry-content ul.board-grid > li a {
  display: block;
  position: relative;
  background-color: rgba(191, 241, 214, 0.5);
  color: #0a0a0a;
  border-radius: 14px;
  width: 100%;
  padding: 1em;
  font-weight: 400;
  transition: all .3s ease;
}

.entry-content ul.board-grid > li a:hover {
  background-color: #bff1d6;
}

.committees ul {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  columns: 17em;
  column-gap: 3em;
}

.committees ul > li {
  break-inside: avoid;
}

.committees ul > li strong {
  font-size: 1.2em;
}

#fancybox-content,
.fancybox-skin {
  border-radius: 14px;
}

#fancybox-content .staff-bio,
.fancybox-skin .staff-bio {
  padding: 20px;
  font-size: .9em;
}

#fancybox-content .staff-bio img,
.fancybox-skin .staff-bio img {
  float: left;
  width: 50%;
  max-width: 240px;
  margin: 0 18px 6px 0;
  border-radius: 14px;
}

#fancybox-content .staff-bio h3,
.fancybox-skin .staff-bio h3 {
  clear: right;
  margin-top: 0;
  margin-bottom: .25em;
}

#fancybox-content .staff-bio h4,
.fancybox-skin .staff-bio h4 {
  margin: .2em 0 .3em 0;
}

#fancybox-content .staff-bio .title,
.fancybox-skin .staff-bio .title {
  font-weight: 500;
}

.wp-block-table table {
  outline-color: #486a7e;
  font-size: .9em;
}

.wp-block-table table tr td:last-child {
  text-align: right;
}

.highcharts-title {
  display: none;
}

.social-icons-grid img {
  display: block;
  width: 95%;
  padding: 2.5%;
  transition: all .3s ease;
}

.social-icons-grid img:hover {
  width: 100%;
  padding: 0;
}

.gb-container.gb-tabs__button {
  flex-shrink: 1 !important;
}

.gb-container.gb-tabs__button p {
  line-height: 1.1;
  margin: 0 0 10px 0;
}

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

.gb-accordion .gb-button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 1.3;
}

.wp-block-pb-accordion-item h2 {
  font-size: 1.5em;
  background-color: #eefbf4;
  padding: 12px 20px;
  border-radius: 14px;
  margin: 0 0 4px 0;
}

.wp-block-pb-accordion-item h2:hover {
  background-color: #bff1d6;
}

.wp-block-pb-accordion-item h2::after {
  right: 20px;
}

.gb-container .wp-block-gallery.has-nested-images figure.wp-block-image {
  display: block;
  text-align: center;
}

.gb-container .wp-block-gallery.has-nested-images figure.wp-block-image img {
  margin-left: auto;
  margin-right: auto;
}

.press-list {
  font-size: .9em;
  color: #565e65;
}

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

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

.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;
}

.more-tabs .more-proj-data h4 {
  margin: 0;
}

.more-tabs .more-proj-data h6 {
  font-size: .9em;
}

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

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

#container {
  padding: 50px 20px 0 20px;
}

@media (min-width: 768px) {
  #container {
    padding: 50px 40px 0 40px;
  }
}

#container section.no-margin, #container section.full, #container div.no-margin, #container div.full, #container header.no-margin, #container header.full, #container footer.no-margin, #container footer.full, #container table.no-margin, #container table.full, #container form.no-margin, #container form.full, #container figure.no-margin, #container figure.full, #container img.no-margin, #container img.full, #container p.no-margin, #container p.full {
  margin-left: -20px !important;
  margin-right: -20px !important;
  max-width: calc(100% + 40px);
  width: calc(100% + 40px);
}

@media (min-width: 768px) {
  #container section.no-margin, #container section.full, #container div.no-margin, #container div.full, #container header.no-margin, #container header.full, #container footer.no-margin, #container footer.full, #container table.no-margin, #container table.full, #container form.no-margin, #container form.full, #container figure.no-margin, #container figure.full, #container img.no-margin, #container img.full, #container p.no-margin, #container p.full {
    margin-left: -40px !important;
    margin-right: -40px !important;
    max-width: calc(100% + 80px) !important;
    width: calc(100% + 80px);
  }
}

/* =============== PAGE HEADERS ============== */
.hero-header .title-box,
.hero-header .subtitle-box,
.below-hero .title-box,
.below-hero .subtitle-box {
  margin-left: 20px;
  margin-right: 20px;
}

@media (min-width: 460px) {
  .hero-header .title-box,
  .hero-header .subtitle-box,
  .below-hero .title-box,
  .below-hero .subtitle-box {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .hero-header .title-box,
  .hero-header .subtitle-box,
  .below-hero .title-box,
  .below-hero .subtitle-box {
    margin-left: 80px;
  }
}

.title-box,
.subtitle-box {
  max-width: calc(100% - 40px);
  min-width: calc(100% - 40px);
}

@media (min-width: 460px) {
  .title-box,
  .subtitle-box {
    max-width: 20.5em;
    min-width: 20.5em;
  }
}

.title-box h1 {
  font-size: clamp(36px, 10vw, 51px);
}

@media (min-width: 460px) {
  .title-box h1 {
    font-size: clamp(42px, 3.9vw, 56px);
  }
}

.subtitle-box h3 {
  font-size: 1.55em;
}

.background-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.background-video-content {
  position: relative;
  z-index: 1;
}

video[poster] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.single-post #container .entry-content {
  max-width: 100%;
}

@media (min-width: 900px) {
  .single-post #container .entry-content {
    width: 900px;
  }
}

.single-post #container .entry-content section.no-margin, .single-post #container .entry-content div.no-margin, .single-post #container .entry-content header.no-margin, .single-post #container .entry-content footer.no-margin, .single-post #container .entry-content table.no-margin, .single-post #container .entry-content form.no-margin, .single-post #container .entry-content figure.no-margin, .single-post #container .entry-content img.no-margin, .single-post #container .entry-content p.no-margin {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: 100vw !important;
  width: 100vw !important;
}

.single-post #container .entry-footer {
  max-width: 900px;
  margin: 1em auto;
}

@media (min-width: 1120px) {
  .wide {
    display: block;
    max-width: 80vw;
    width: 80vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -40vw;
    margin-right: -40vw;
  }
}

@media (min-width: 1120px) and (min-width: 1600px) {
  .wide {
    width: 1280;
    max-width: 1280px;
    margin-left: -640px;
    margin-right: -640px;
  }
}

.full-blog {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

h1.entry-title, h1.page-title {
  display: none;
}

#copyright {
  background-color: #0b3954;
}

/**
 *  Header
 * -----------------------------------------------------------------------------
 */
#header {
  position: fixed;
  background-color: #0b3954;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1600px;
  font-weight: 300;
  font-family: Assistant, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 98;
  overflow: visible;
}

#header #logo img {
  display: block;
  width: 140px;
  max-width: 100%;
  height: auto;
  opacity: 0.9;
  padding: 6px 20px;
  transition: all .2s ease;
}

.home #header #logo img {
  opacity: 0;
}

.home #header.scrollHeader #logo img {
  opacity: 0.9;
}

.brand-wrapper {
  position: relative;
  display: flex;
  flex-wrap: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 54px;
  max-height: 126px;
  z-index: 98;
}

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

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

.top-menu {
  position: fixed;
  min-height: 54px;
  z-index: 999;
  width: 100%;
  max-width: 1600px;
  background-color: #0b3954;
}

.top-menu #searchform > div {
  display: flex;
  align-items: top;
}

.top-menu #searchform > div input {
  margin-bottom: 0;
  padding: 6px 12px;
}

.top-menu #searchform > div input[type="submit"] {
  font-size: .9em;
  margin-bottom: 0 !important;
}

.top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-nav-donate > a {
  display: block;
  margin-left: 1em;
  background-color: #f9b617;
  color: black;
  transition: all .2s ease;
  padding: 0px 18px 4px 18px;
  font-weight: 600;
  font-size: 1.15em;
}

.top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-nav-donate > a:hover {
  background-color: #afdef6 !important;
  color: black !important;
  padding: 6px 18px 10px 18px;
  margin-bottom: -12px;
  font-weight: 600;
  height: 66px !important;
}

.top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  font-size: .8em;
}

.top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 1.3;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400;
}

.top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  font-weight: 400;
}

.top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-outlink > a.mega-menu-link {
  padding-right: 1.5em;
  background-image: url(images/icon-outlink.svg);
  background-repeat: no-repeat;
  background-position: right .45em center;
  background-size: .7em;
}

.top-menu li.mega-menu-item.mega-nav-apple > a.mega-menu-link img {
  height: 30px;
  margin-top: 14px;
  transition: all .2s ease;
}

.top-menu li.mega-menu-item.mega-nav-apple > a.mega-menu-link img:hover {
  filter: brightness(1000%);
}

@media (max-width: 1150px) {
  .top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #0a0a0a;
  }
  .top-menu li.mega-menu-item.mega-nav-apple > a.mega-menu-link {
    display: block;
    height: auto !important;
    padding: 10px !important;
  }
  .top-menu li.mega-menu-item.mega-nav-apple > a.mega-menu-link img {
    margin-top: 0;
    filter: hue-rotate(170deg) brightness(50%) saturate(100%);
  }
  .top-menu li.mega-menu-item.mega-nav-apple > a.mega-menu-link img:hover {
    filter: brightness(10%);
  }
  .top-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-nav-donate > a {
    margin-left: 0;
  }
}

.top-menu .mega-toggle-label {
  font-weight: 500;
}

/*
#menu {
	font-family: $font-stack-body;
	padding-right: 0px;
	min-width: 200px;
	position: fixed;
	min-height: 54px;
	z-index: 999;
	width: 100%;

	* {
		transition: all .3s ease;
	}
	
	
	#mega-menu-wrap-main-menu{
		padding: 0;

		#mega-menu-main-menu > li.mega-menu-item {
		}

		 #mega-menu-main-menu > li.mega-menu-item.mega-nav-donate {
			margin-left: 1em;
			> a {
				margin: 0;
				display: flex;
				align-items: stretch;
				background-color: $poppy;
				color: $black;
				transition: all .2s ease;
				padding: 4px 18px;
				font-weight: 600;
				
				&:hover {
					background-color: $poppy-hover !important;
					color: $black !important;
					padding: 10px 18px !important;
					margin-bottom: -12px !important;
				}
			}
		}
	}

	
	ul.mega-sub-menu {
		padding: 0 !important;
		li a {
			display: block;
			padding: 12px 8px !important;
			
		}
	}
}
	*/
/**
 *  Footer
 * -----------------------------------------------------------------------------
 */
#footer {
  width: 100%;
  font-size: .9rem;
  letter-spacing: .07em;
  overflow: hidden;
}

#footer .footer-donate {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

#footer .footer-donate .gb-button {
  grid-area: 1 / 1 / 2 / 3;
}

#footer .footer-donate figure:nth-child(1) {
  grid-area: 2 / 1 / 3 / 2;
}

#footer .footer-donate figure:nth-child(2) {
  grid-area: 2 / 2 / 3 / 3;
}

#footer .footer-donate figure {
  max-width: 120px;
  display: block;
  margin-bottom: 12px;
}

#footer .footer-donate figure img {
  aspect-ratio: 1/1;
}

#footer #menu-main-menu {
  display: block;
  width: 100%;
  columns: 2;
  column-gap: 2em;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 900px) {
  #footer #menu-main-menu {
    columns: 3;
  }
}

@media (min-width: 1025px) {
  #footer #menu-main-menu {
    columns: 4;
  }
}

@media (min-width: 1300px) {
  #footer #menu-main-menu {
    columns: 5;
  }
}

#footer #menu-main-menu > li {
  list-style-image: none;
  text-transform: uppercase;
  break-inside: avoid;
  padding-top: 1em;
}

#footer #menu-main-menu > li.nav-search {
  display: none;
}

#footer #menu-main-menu > li a {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  padding: 4px 0;
  margin: 4px 0;
  color: #def7ea;
}

#footer #menu-main-menu > li a:hover {
  color: #def7ea;
}

#footer #menu-main-menu > li.nav-donate a:hover {
  color: white;
}

#footer #menu-main-menu .sub-menu li {
  list-style-image: none;
  text-transform: none;
  letter-spacing: 0;
}

#footer #menu-main-menu .sub-menu li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #def7ea;
}

#footer #menu-main-menu .sub-menu li a:hover {
  color: white;
  text-shadow: 0px 0px 10px rgba(11, 57, 84, 0.7);
}

#footer #menu-main-menu li.menu-item.nav-apple > a img {
  height: 40px;
  transition: all .2s ease;
}

#footer #menu-main-menu li.menu-item.nav-apple > a img:hover {
  filter: brightness(1000%);
}

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

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

#copyright a:hover {
  text-decoration: underline;
}

.hp-work > .gb-container,
.work-boxes > .gb-container {
  position: relative;
}

.hp-work > .gb-container figure,
.work-boxes > .gb-container figure {
  display: block;
  border: none;
  padding: 0;
  border-radius: 14px;
}

.hp-work > .gb-container figure > img,
.work-boxes > .gb-container figure > img {
  border: none;
  display: block;
  border-radius: 0;
  border-radius: 14px;
}

.hp-work > .gb-container figure:after,
.work-boxes > .gb-container figure:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(10, 10, 10, 0.15);
  border-radius: 0;
  border-radius: 14px;
}

.hp-work > .gb-container h3,
.work-boxes > .gb-container h3 {
  margin: 0;
  line-height: 1.1;
}

.hp-work > .gb-container h3 a,
.work-boxes > .gb-container h3 a {
  font-size: clamp(36px, 3.5vw, 57px);
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(45, 93, 114, 0);
  border-radius: 0;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  color: white;
  font-weight: 800;
  letter-spacing: .02em;
  text-shadow: -2px 2px 8px rgba(10, 10, 10, 0.4);
  transition: all .5s ease;
}

.hp-work > .gb-container h3 a:hover,
.work-boxes > .gb-container h3 a:hover {
  background: #2d5d72;
  text-shadow: none;
}

/*  HOMEPAGE
 * -----------------------------------------------------------------------------
 */
.latest ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.latest ul li {
  margin: 0 0 1em 0;
  padding: 0;
}

.latest .ultp-block-item h4.ultp-block-title a {
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: 600;
}

.latest .ultp-block-excerpt p {
  font-size: 1em;
  line-height: 1.3;
}

.latest h4 {
  font-family: Assistant;
  font-weight: 600;
  margin-top: 12px;
}

.latest h4 a {
  font-weight: inherit;
}

.latest .gb-container .date {
  font-weight: 400;
}

.latest .wp-block-post-date time {
  font-weight: 400;
}

.latest .wp-block-post-excerpt {
  margin-top: 1em;
}

.latest-sm {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.latest-sm .ultp-block-row .ultp-block-item {
  padding-bottom: 4px;
}

.latest-sm h4.ultp-block-title {
  margin: 12px 0 0 0;
}

.latest-sm .ultp-block-item .ultp-block-content h4.ultp-block-title a {
  display: block;
  font-size: .95em !important;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 4px;
}

.latest-sm .ultp-block-image {
  margin-left: 12px;
}

.latest-sm .ultp-block-meta.ultp-block-meta-noIcon {
  padding: 0;
}

.latest-sm ul > li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: solid 1px rgba(86, 94, 101, 0.7);
}

.latest-sm ul > li h4 {
  font-size: 1.12em;
  line-height: 1.12;
  margin-bottom: 0px;
  width: 100%;
}

.latest-sm ul > li .wp-block-post-date time {
  font-size: 13px;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 5px;
}

.latest-sm ul > li figure {
  max-width: 120px;
  margin-left: 12px;
  margin-bottom: 4px;
}

.latest-sm > .gb-container {
  border-bottom: solid 1px #c4c4d0;
  margin-bottom: 1em;
  width: 100%;
}

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

.latest-sm > .gb-container .date {
  font-size: 13px;
  font-weight: 300;
  margin-top: 5px;
  margin-bottom: 5px;
}

.latest-sm > .gb-container figure {
  max-width: 120px;
  margin-left: 12px;
  margin-bottom: 4px;
}

/*
	.hero {
		margin-top: -126px;
		//z-index: -1;

		h2:first-child {
			//font-size: 7vw;
			font-weight: $heading-bold;
			line-height: 1.1;
			//max-width: 10em;
			margin: 40px auto 60px auto;
			text-shadow: $shadow;
		}
		.gb-button {
			margin-bottom: 80px;
			padding: 12px 24px !important;
		}
	}
	.inner-hero {
		margin-top: -130px;
		margin-bottom: 40px;
		z-index: -1;
	}
		
	.gb-button, input[type='submit'] {
		&:not(.reg-button) {
			transition: all .2s ease;
			padding-bottom: 8px;
			border-width: 0 0 4px 0;
			font-family: Gabarito;
			font-weight: $heading-bold;
			letter-spacing: .05em;
		}
	}
	.gb-button:hover, input[type='submit']:hover, input[type='submit']:focus {
		&:not(.reg-button) {
			border-bottom-width: 8px;
			padding-bottom: 4px;
		}
	}
		

	input[type='submit'] {
		background-color: transparent;
		text-transform: uppercase; 
		font-weight: $heading-bold;
		color: $night;
		border-color: $night;
		&:hover, &:focus {
			color: $blue;
			border-bottom: solid 8px $blue !important;
		}
		
	}
	
	.wp-block-quote {
		font-family: Georgia;
		margin: 1em 0;
		@include sm {
			margin: 3em 0;
		}
	}
	.date {
		margin-top: 6px;
	}
	
	.latest  {
		 > .gb-container {
				border-bottom: solid 1px $space2;
				margin-bottom: 1em;
				width: 100%;

			 
			 h4 {
				font-size: 1.12em;
				line-height: 1.12;
				margin-bottom: 4px;
				idth: 100%;
				 
				 + p {
					// display: none;
				 }
			 }
			 .date { 
				 font-size: 13px;
				 font-weight: $body-regular;
				 margin-top: 5px;
				 margin-bottom: 5px;
			 }
				 
			 figure {
				max-width: 120px;
				margin-left: 12px;
				margin-bottom: 4px;
			 }
		}
	}
	
	.hp-work {
		> .gb-container {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0;
			
			figure {
				display: block;
				border: none;
				padding: 0;
				> img {
					border: none;
					display: block;
					border-radius: 0;
				}
			}
			figure:after {
				content: ' ';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				//background-color: rgba($black, .5);
				border-radius: 900px;
			}
			
			h3 {
				margin: 0;
			}
			h3 a {
				margin: 0;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				width: 100%;
				background: rgba($black, .15);
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 0;
				color: $white;
				font-size: clamp(18px,4vw, 66px);
				text-shadow: $shadow;
				transition: all .3s ease;
				
				&:hover {
					background: rgba($black, .35);
					padding-bottom: 10%;
				}
					
			}
		}
	}
		
	.hp-news-grid,
	.related-blog-post {
		> .gb-container {
			//border-bottom: solid 1px rgba($space2, .7);
		}
			
		.wp-block-group {
			width: 100%;
			font-size: .94em;
			
			p {
				font-size: clamp(16px, 1.3vw, 21px);
			}
		}
		.wp-block-image {
		
		img {
			aspect-ratio: 3/2;
				object-fit: cover;
			}
		}
		
		.wp-block-group h3 {
			margin: 0;
			font-size: 1.2em;
			font-weight: $body-bold;
			margin-top: .3em;
			margin-bottom: .5em;
			
			+ h4 {
				font-family: Roboto;
				font-size: .66em;
				font-weight: 300;
				margin: 0 0 1em auto;
				text-align: left;
				text-transform: uppercase;
				width: 100%;
				color: rgba($space2, 1);
				padding: 1px 4px;
				border-bottom: solid 1px rgba($space2, .7);
				//background-color: rgba($grey, .7);
			}
		}
	}
	
}





.latest {
	
	h3 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1.3em;
		color: $link-dark;
		font-weight: $body-medium;
		+ p {
			margin-top: 0;
		}
	}
}
.date {
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .05em;
	font-weight: $body-bold;
	margin-bottom: 0;
	margin-top: 3em;
}

*/
.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: #565e65;
  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 footer.entry-footer {
  display: none;
}

.related-blog-post .ultp-post-grid-block {
  width: 100%;
  font-size: .94em;
}

.related-blog-post .ultp-post-grid-block .ultp-block-excerpt {
  margin: 0 0 1em 0;
  padding-top: 0;
}

.related-blog-post .ultp-post-grid-block .ultp-block-excerpt p {
  font-size: clamp(16px, 1.25vw, 21px);
  text-align: left;
  color: #0a0a0a;
}

.related-blog-post .ultp-block-image img {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.related-blog-post .ultp-block-items-wrap .ultp-block-item h3.ultp-block-title {
  margin: 0;
  margin-top: .3em;
  margin-bottom: .5em;
  text-align: left;
  line-height: 1.3;
}

.related-blog-post .ultp-block-items-wrap .ultp-block-item h3.ultp-block-title a {
  font-weight: 500;
}

.related-blog-post .ultp-block-items-wrap .ultp-block-content .ultp-block-meta {
  margin: 0;
}

.related-blog-post .ultp-block-items-wrap .ultp-block-content .ultp-block-meta span.ultp-block-date {
  display: block;
  font-family: Assistant, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .66em;
  font-weight: 400;
  margin: 0 0 0 auto;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  color: #565e65;
  padding: 1px 4px;
  border-bottom: solid 1px rgba(86, 94, 101, 0.7);
}

.more-resources-list {
  columns: 21em;
  column-gap: 3em;
}

.more-resources-list .wp-block-group {
  break-inside: avoid;
}

.more-resources-list a {
  font-weight: 700;
}

.single-project .entry-meta {
  display: none;
}

.single-project footer.footer {
  display: none;
}

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

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

.entry-content .lca-winners {
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  gap: 4%;
  list-style-type: none;
  list-style-image: none;
  display: flex;
  flex-wrap: wrap;
}

.entry-content .lca-winners li {
  padding: 0;
  margin: 0;
  margin-bottom: 3%;
  text-align: center;
  font-size: 1.1em;
  border-radius: 14px;
  width: 46%;
  /*
		img, .lca-winner {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
		img {
			top: 0;
		}
			*/
}

@media (min-width: 768px) {
  .entry-content .lca-winners li {
    width: 30%;
  }
}

@media (min-width: 1025px) {
  .entry-content .lca-winners li {
    width: 22%;
  }
}

.entry-content .lca-winners li .lca-wrapper {
  position: relative;
  overflow: hidden;
}

.entry-content .lca-winners li img {
  display: block;
  border-radius: 14px 14px 0 0;
}

.entry-content .lca-winners li .lca-winner {
  background-color: #77a352;
  color: white;
  transition: all .3s ease;
  line-height: 1;
  padding: 8px;
  font-size: .85em;
  border-radius: 0 0 14px 14px;
}

.entry-content .lca-winners li .lca-county {
  display: block;
  font-weight: 300;
  font-size: .7em;
  margin-top: 3px;
}

.entry-content .lca-winners li .lca-names {
  display: block;
  clear: both;
  font-weight: 300;
  font-size: .7em;
  line-height: 1.2;
  margin-top: 4px;
}

.entry-content .lca-winners li:hover .lca-winner {
  background-color: #2d5d72;
}

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

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

#mc_embed_signup br {
  display: none;
}

#mc_embed_signup > div {
  margin-bottom: .5em;
}

#mc_embed_signup .two-field {
  display: flex;
  column-gap: 10px;
}

#mc_embed_signup input[type="submit"] {
  font-size: .9em;
  margin-top: 12px;
}

#mc_embed_signup label {
  font-size: .85em;
}

#mc_embed_signup.input-group ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

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

#mc_embed_signup input[type="text"] {
  width: 100%;
}

#mc_embed_signup.columns ul {
  columns: 200px 4;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.mc4wp-error {
  background-color: white;
  padding: 1em 1.5em;
  border: solid 3px #cc0000;
  border-radius: 14px;
}

.mc4wp-error p {
  margin: 0;
}

.mc4wp-success {
  background-color: #bff1d6;
  padding: 1em 1.5em;
  border-radius: 14px;
  font-weight: 700;
}

.mc4wp-success p {
  margin: 0;
}

/**
 *   BLOG 
 * -----------------------------------------------------------------------------
 */
.page-blog .gb-query-loop-item div.gb-headline {
  font-size: clamp(14px, 0.8em, 17px);
}

.page-blog .gb-grid-column {
  display: flex;
}

.page-blog figure img {
  aspect-ratio: 5/3;
  object-fit: cover;
}

.single-post .entry-content {
  max-width: 900px;
  margin: 0 auto;
}

.single-post article header {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -20px !important;
  margin-right: -20px !important;
  max-width: calc(100% + 40px);
  width: calc(100% + 40px);
}

@media (min-width: 768px) {
  .single-post article header {
    margin-left: -40px !important;
    margin-right: -40px !important;
    max-width: calc(100% + 80px) !important;
    width: calc(100% + 80px);
  }
}

.single-post article header .header-title {
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  background-color: #6cc0dc;
  padding-top: 300px;
}

.single-post h1.entry-title {
  display: block;
  width: 21rem;
  max-width: 100%;
  color: white;
  background-color: #0b3954;
  font-size: 2.33rem;
  line-height: 1em;
  font-weight: 400;
  text-align: left;
  padding: 20px 30px;
  margin: 0 auto 0 20px;
  border-radius: 14px 14px 0 0;
}

@media (min-width: 640px) {
  .single-post h1.entry-title {
    width: 32rem;
    min-width: 32rem;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .single-post h1.entry-title {
    margin-left: 40px;
  }
}

.single-post .entry-meta {
  display: block;
  width: 21rem;
  max-width: 100%;
  color: #0a0a0a;
  background-color: #afdef6;
  font-size: .85em;
  text-align: left;
  padding: 10px 30px;
  margin: 0 auto 2em 20px;
  border-radius: 0 0 14px 14px;
}

@media (min-width: 640px) {
  .single-post .entry-meta {
    width: 32rem;
    min-width: 32rem;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .single-post .entry-meta {
    margin-left: 40px;
  }
}

.single-post img.alignleft {
  float: left;
  margin: 0 1em .6em 0;
}

.single-post blockquote {
  background-color: #f0e8da;
  padding: 1em;
  margin: 1em 0;
  border-radius: 14px;
}

.single-post blockquote img {
  border: solid 2px white;
}

.cat-links {
  margin: 2em 0;
  font-size: .85em;
  /*
	a {
		border-left: solid 1px #aac;
		padding: .2em .5em;
	}
	a:first-child {
		border-left: none;
	}
		*/
}

.tag-links {
  display: none;
}

#nav-below {
  line-height: 1.1;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
  font-size: .9em;
  display: flex;
  column-gap: 2em;
  border-radius: 14px;
  background-color: #bfd7ea;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.blog #nav-below {
  display: none;
}

.single .nav-previous, .single .nav-next {
  display: block;
  width: 100%;
  float: none;
  text-align: left;
  max-width: 36em;
  width: 50%;
}

.single .nav-next {
  text-align: right;
}

.single .nav-previous .meta-nav, .single .nav-next .meta-nav {
  display: block;
  margin: 12px auto;
  font-size: clamp(13px, 0.5em, 17px);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 600;
  font-family: "Barlow Semi Condensed", "Arial Narrow", "Helvetica Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**
 *   Post Archive Page 
 * -----------------------------------------------------------------------------
 */
.archive h1.entry-title, .archive h1.page-title {
  display: block;
}

.archive #content > header {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -20px !important;
  margin-right: -20px !important;
  max-width: calc(100% + 40px);
  width: calc(100% + 40px);
}

@media (min-width: 768px) {
  .archive #content > header {
    margin-left: -40px !important;
    margin-right: -40px !important;
    max-width: calc(100% + 80px) !important;
    width: calc(100% + 80px);
  }
}

.archive #content > header .header-title {
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  background-color: #6cc0dc;
  padding-top: 300px;
}

.archive #content > header .header-title h1.entry-title {
  display: block;
  width: 21rem;
  max-width: 100%;
  color: white;
  background-color: #2d5d72;
  font-size: 2.33rem;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  padding: 20px 30px;
  margin: 0 auto 0 20px;
  border-radius: 14px 14px 0 0;
}

@media (min-width: 640px) {
  .archive #content > header .header-title h1.entry-title {
    width: 32rem;
    min-width: 32rem;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .archive #content > header .header-title h1.entry-title {
    margin-left: 40px;
  }
}

.archive .archive-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 50px;
  margin-left: -40px;
  margin-top: 3em;
  width: calc(100% + 40px);
}

.archive .archive-wrapper > article {
  width: 100%;
  padding-left: 40px;
}

@media (min-width: 640px) {
  .archive .archive-wrapper > article {
    width: 50%;
    margin: 0;
  }
}

@media (min-width: 900px) {
  .archive .archive-wrapper > article {
    width: 33.3%;
  }
}

.archive h2.entry-title {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1.2;
}

.archive .author {
  display: none;
}

.archive .entry-summary {
  font-size: clamp(14px, 0.8em, 17px);
}

.archive .entry-summary p {
  margin-top: 0;
}

.archive .entry-meta {
  font-size: 14px;
  font-weight: 500;
}

.archive .entry-footer {
  display: none;
}

/**
 *   Pages 
 * -----------------------------------------------------------------------------
 */
body.search h1.entry-title, body.search h1.page-title {
  display: block;
  margin-top: 40px;
}

body.search h2 {
  font-size: 1.5em;
  margin-bottom: .1em;
}

body.search article {
  max-width: 40em;
  margin: 1em auto 2em auto;
}

body.search article img {
  display: none;
}

body.search article .search-pdf {
  display: inline-block;
  padding: 2px 6px;
  border: solid 1px #afdef6;
  font-size: .8em;
}

body.search header.header {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -20px !important;
  margin-right: -20px !important;
  max-width: calc(100% + 40px);
  width: calc(100% + 40px);
  background-color: #6cc0dc;
  padding-top: 100px;
}

@media (min-width: 768px) {
  body.search header.header {
    margin-left: -40px !important;
    margin-right: -40px !important;
    max-width: calc(100% + 80px) !important;
    width: calc(100% + 80px);
  }
}

body.search header.header .header-title {
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  background-color: #6cc0dc;
  padding-top: 300px;
}

body.search h1.entry-title {
  display: block;
  width: 21rem;
  max-width: 100%;
  color: white;
  background-color: #0b3954;
  font-size: 2.33rem;
  line-height: 1em;
  font-weight: 400;
  text-align: left;
  padding: 20px 30px;
  margin: 0 auto 0 20px;
  border-radius: 14px 14px 0 0;
}

@media (min-width: 640px) {
  body.search h1.entry-title {
    width: 32rem;
    min-width: 32rem;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  body.search h1.entry-title {
    margin-left: 40px;
  }
}

.timeline .gb-headline {
  line-height: 1.3;
}

.speaker-list h6 + p {
  font-size: .9em;
}

.speaker-list img {
  width: 100px;
  max-width: 100px;
}

.event-sponsors.wp-block-gallery.has-nested-images {
  gap: 1em;
  flex-wrap: nowrap;
}

@media (min-width: 768px) {
  .event-sponsors.wp-block-gallery.has-nested-images {
    gap: 2em;
  }
}

.event-sponsors.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  width: 33%;
  max-width: 200px;
  margin: 0 auto;
}

body.single-technical-resource h1.entry-title {
  display: block;
  margin-top: 90px;
}

body.single-technical-resource h1.entry-title::before {
  content: "Technical Resource";
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
  padding: 12px 0;
}

#content .searchandfilter input, #content .searchandfilter textarea, #content .searchandfilter select, #content .searchandfilter option {
  font-size: 16px;
  margin-bottom: .5em;
  width: 100%;
  max-width: 100%;
}

#content .searchandfilter ul, #content .searchandfilter li, #content .searchandfilter label {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#content .searchandfilter h4 {
  margin: .5em 0 0 0;
  padding: 0;
}

#content .searchandfilter .search-filter-reset {
  display: block;
  font-size: .8em;
  margin: 1.3em 0;
}

#content .search-filter-results .tr-result,
ul.resources .tr-result {
  margin-top: 2em;
}

#content .search-filter-results h2,
ul.resources h2 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: clamp(17px, 1.5rem, 28px);
}

#content .search-filter-results p,
ul.resources p {
  margin: 0;
  font-size: .87em;
}

#content .search-filter-results p:empty,
ul.resources p:empty {
  display: none;
}

#content .search-filter-results p.result-date,
ul.resources p.result-date {
  display: none;
}

#content .search-filter-results img,
ul.resources img {
  max-width: 100px;
  display: none;
}

#content .search-filter-results hr,
ul.resources hr {
  display: none;
}

#content .search-filter-results .result-count,
ul.resources .result-count {
  font-size: .85em;
  font-weight: 400;
}

#content .search-filter-results .result-count .pagecount::before,
ul.resources .result-count .pagecount::before {
  content: ' - ';
}

#content .search-filter-results .lower-pagecount,
ul.resources .lower-pagecount {
  font-size: .85em;
  font-weight: 400;
  margin-top: 2em;
}

#content .search-filter-results .pagination,
ul.resources .pagination {
  background-color: rgba(175, 222, 246, 0.2);
  color: #2d5d72;
  border-radius: 14px;
  font-size: .8em;
  text-transform: uppercase;
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
  column-gap: 2em;
  width: 100%;
}

#content .search-filter-results .pagination > div > a,
ul.resources .pagination > div > a {
  display: block;
  font-family: "Gabarito", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  background-color: #afdef6;
  border-radius: 14px;
}

#content .search-filter-results .pagination > div > a:hover,
ul.resources .pagination > div > a:hover {
  background-color: #a7d2ee;
  color: #0a0a0a;
}

#content .search-filter-results .tr-projects ul, #content .search-filter-results .tr-projects li,
ul.resources .tr-projects ul,
ul.resources .tr-projects li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#content .search-filter-results .tr-projects li,
ul.resources .tr-projects li {
  display: inline-block;
  margin: 5px 0;
  font-size: 14px;
}

#content .search-filter-results .tr-projects li::after,
ul.resources .tr-projects li::after {
  content: ', ';
}

#content .search-filter-results .tr-projects li:last-child::after,
ul.resources .tr-projects li:last-child::after {
  content: '';
}

#content .search-filter-results .tr-metadata {
  font-size: 13px;
  font-weight: 500;
  color: rgba(10, 10, 10, 0.6);
  display: flex;
  flex-wrap: wrap;
  column-gap: .5em;
  row-gap: .5em;
}

#content .search-filter-results .tr-metadata > div {
  padding: 0 4px;
  border-radius: 2px;
}

#content .search-filter-results .tr-metadata > div.tr-info {
  background-color: rgba(191, 241, 214, 0.2);
}

#content .search-filter-results .tr-metadata > div.tr-source {
  background-color: rgba(249, 182, 23, 0.15);
}

ul.resources {
  list-style-type: none;
  list-style-image: none;
}

ul.resources > li {
  width: 100%;
  border-bottom: solid 1px #afdef6;
  margin-top: 12px;
}

@media (min-width: 768px) {
  ul.resources > li {
    display: flex;
    justify-content: space-between;
    column-gap: 1em;
  }
}

ul.resources .tr-data {
  flex-shrink: 1;
}

ul.resources .tr-data p {
  font-size: .8em;
  padding-left: 1em;
}

ul.resources ul.tr-metadata {
  font-size: 14px;
  font-weight: 500;
  color: rgba(10, 10, 10, 0.6);
  display: block;
  list-style-type: circle;
  margin: 0 0 0 12px;
  padding: 0;
  display: flex;
  justify-content: start;
  column-gap: 2em;
}

ul.resources ul.tr-metadata > li {
  line-height: 1.3;
}

@media (min-width: 768px) {
  ul.resources ul.tr-metadata {
    display: block;
    width: 18em;
    min-width: 18em;
  }
}

.wtg-boxes ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
}

.wtg-boxes ul li {
  padding: 5px 0;
  margin: 0 auto;
  text-align: center;
}

.wtg-boxes ul li::after {
  content: '';
  display: block;
  width: 2em;
  height: 3px;
  margin: 10px auto 0px auto;
  background-color: rgba(11, 57, 84, 0.25);
}

.wtg-boxes ul li:last-child::after {
  background-color: transparent;
}

.wtg-boxes.fc-box ul {
  columns: 14em;
  column-gap: 2em;
}

.wtg-boxes.fc-box ul li {
  margin: 0 auto 0 0;
  text-align: left;
  break-inside: avoid;
  font-size: .9em;
  font-weight: 500;
}

.wtg-boxes.fc-box ul li::after {
  margin: 10px auto 0 0;
  background-color: rgba(56, 101, 16, 0.25);
}

.entry-content ul.wtg-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 1em;
  row-gap: 1em;
  width: 100%;
  margin: 0 auto 2em auto;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  font-size: .85em;
}

.entry-content ul.wtg-grid > li {
  display: flex;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 640px) {
  .entry-content ul.wtg-grid > li {
    width: calc(50% - .75em);
  }
}

@media (min-width: 1025px) {
  .entry-content ul.wtg-grid > li {
    width: calc(25% - .75em);
  }
}

.entry-content ul.wtg-grid > li strong {
  display: block;
  font-size: 1.35em;
  line-height: 1.2;
  margin-bottom: .2em;
}

.entry-content ul.wtg-grid > li span {
  display: block;
  font-size: .8em;
  line-height: 1.2;
  margin-top: 1em;
}

.entry-content ul.wtg-grid > li a {
  display: block;
  position: relative;
  background-color: rgba(191, 241, 214, 0.5);
  color: #0a0a0a;
  border-radius: 14px;
  width: 100%;
  padding: 1em;
  font-weight: 400;
  transition: all .3s ease;
}

.entry-content ul.wtg-grid > li a:hover {
  background-color: #bff1d6;
}

.nl-archive {
  columns: 7em;
  column-gap: 2em;
}

/**
 *   404 page
 * -----------------------------------------------------------------------------
 */
.error404 h1.entry-title, .error404 h1.page-title {
  display: block;
  margin: 2em 0 1em;
}

.error404 input {
  margin-bottom: 1em;
}