/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body, input, textarea, button {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body {
  color: #004400;
  background: #FFF2D2;
  /* font-size: calc(1.9px + 6 * ((100vw - 320px) / 680)); */
}
b, strong, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
p, ul, ol {
  margin-top: 0;
  /* font-size: 0.727em;
  font-size: 1.250em; */
  font-size: clamp(1rem, 1.8vw, 24px);
}
html, body {
  margin: 0;
  padding: 0;
}
.page-about article a:link, 
.page-about article a:visited, 
.page-about article a:hover, 
.page-about article a:focus, 
.page-about article a:active {
  font-weight: bold;
  text-decoration: underline;
  color: #004400;
}

.js .page-homepage #page,
.js .page-about #page {
  visibility: hidden;
}
.js .page-homepage, 
.js .page-about {
  overflow: hidden;
}

#loading {
  width: 100%;
  height: 100lvh;
  color: #000;
  background: #8B2256;
  position: absolute;
  top: 0%;
  left: 0%;
  /* transform: translate(-50%, -50%); */
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  overflow: hidden;
}
#loading .container:before, 
#loading .container:after {
  width: 1000%;
  height: 0;
  padding-top: 15%;
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background-position: 0% 50%;
  background-repeat: repeat-x;
  background-size: auto 100%;
}
#loading .container:before {
  animation: move_left 10s 0s linear infinite both;
  background-image: url(../img/pattern-top-1.svg);
}
#loading .container:after {
  animation: move_right 10s 0s linear infinite both;
  background-image: url(../img/pattern-bottom-1.svg);
}
/* @keyframes move_left {
   to { transform: translate(-45%, -50%); }
}
@keyframes move_right {
   to { transform: translate(-55%, -50%); }
} */

#site-header {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 2.5lvh 7.083333333333333%;
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
#site-logo {
  margin: 0;
  line-height: 1em;
  width: 6.310679611650485%;
  min-width: 78px;
}
#site-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: right;
  gap: 2rem;
  width: 70%;
}
#site-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  align-content: flex-end;
  gap: 2rem;
  line-height: 1em;
}
#site-nav #menu-social {
  gap: 1rem;
}
#site-nav a:link, 
#site-nav a:visited, 
#site-nav a:hover, 
#site-nav a:focus, 
#site-nav a:active {
  display: block;
  text-decoration: none;
  color: #004400;
}
#site-nav a:hover, 
#site-nav a:focus, 
#site-nav a:active {
  text-decoration: underline;
}
/* #site-nav a:focus, 
#site-nav a:active {
  color: #FFF2D2;
  background: #004400;
} */
#site-nav li[class*="current"] a:link, 
#site-nav li[class*="current"] a:visited, 
#site-nav li[class*="current"] a:hover, 
#site-nav li[class*="current"] a:focus, 
#site-nav li[class*="current"] a:active {
  text-decoration: underline;
}

#site-nav #menu-social a:link, 
#site-nav #menu-social a:visited, 
#site-nav #menu-social a:hover, 
#site-nav #menu-social a:focus, 
#site-nav #menu-social a:active {
  display: block;
  width: 2rem;
  height: 1.5em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 1em;
}
#site-nav #menu-social a:has(span.ig) {
  background-image: url(../img/icon-ig.svg);
}
#site-nav #menu-social a:has(span.fb) {
  background-image: url(../img/icon-fb.svg);
}
#site-nav #menu-social a:has(span.yt) {
  background-image: url(../img/icon-yt.svg);
}

#site-footer {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 2.5lvh 7.083333333333333%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  color: #FEEFC7;
  background: #004400;
  
}
.page-homepage #site-footer {
  position: relative;
}
.page-homepage #site-footer:before {
  display: block;
  content: '';
  width: 20%;
  height: 400%;
  background: transparent url(../img/starPlantDecoration.svg) no-repeat 0% 0%;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  bottom: 1rem;
  pointer-events: none;
}
.page-homepage #site-footer:after {
  display: block;
  content: '';
  width: 20%;
  height: 250%;
  background: transparent url(../img/doveKravay.svg) no-repeat 0% 0%;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 1rem;
  pointer-events: none;
}
#site-footer nav {
  margin: 0 auto;
  /* width: 50%; */
  min-width: 220px;
}
#site-footer nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 2rem;
  line-height: 1em;
}
#site-footer nav a:link, 
#site-footer nav a:visited, 
#site-footer nav a:hover, 
#site-footer nav a:focus, 
#site-footer nav a:active {
  color: #FEEFC7;
  text-decoration: none;
}
#site-footer nav a:hover, 
#site-footer nav a:focus, 
#site-footer nav a:active {
  text-decoration: underline;
}
#site-footer li[class*="current"] a:link, 
#site-footer li[class*="current"] a:visited, 
#site-footer li[class*="current"] a:hover, 
#site-footer li[class*="current"] a:focus, 
#site-footer li[class*="current"] a:active {
  text-decoration: underline;
}
#site-footer nav a:focus, 
#site-footer nav a:active {
  color: #004400;
  background: #FEEFC7;
}
.tnp-subscription {
  margin: 0 auto 2rem;
  width: 55%;
  max-width: 42em;
  min-width: 320px;
  text-align: center;
}
#title-subscribe {
  margin: 0 auto .5rem;
  padding: 0;
  font-size: 4rem;
  font-size: clamp(2rem, 4.444vw, 64px);
  line-height: 1.2em;
  text-transform: uppercase;
  color: #004400;
}
.subscribe-cta {
  font-size: 1.250em;
  font-size: clamp(1rem, 1.8vw, 24px);
}
.tnp-subscription form {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
.tnp-subscription form div:nth-child(2) {
  width: 100%;
}
.tnp-subscription form div:nth-child(3) {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  gap: 1rem;
}
.tnp-privacy-field {
  margin: 0 auto 1rem;
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
}
.tnp-subscription form div:nth-child(3) .tnp-field-email {
  margin: 0 0 .25rem;
  width: 80%;
}
.tnp-subscription form div:nth-child(3) .tnp-field-button {
  margin: 0 0 .25rem;
  width: 20%;
}
.tnp-field-email input[type="email"] {
  display: block;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: .25em 1em;
  width: 100%;
  appearance: none;
  border-radius: 1em;
  color: #014501;
  background: #E0D2AE;
  text-align: center;
  line-height: 1.3em;
}
input[type="email"]::placeholder {
  color: #014501;
  background: #E0D2AE;
  text-align: center;
}
.tnp-field-button input[type="submit"] {
  display: block;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: .25em 1em;
  width: 100%;
  appearance: none;
  border-radius: 1em;
  color: #FFF2D2;
  background: #004400;
  text-align: center;
  line-height: 1.3em;
}
.tnp-field-button input[type="submit"]:focus {
  color: #004400;
  background: #FFF2D2;
  outline-color: ##004400;
  outline-style: solid;
}
.tnp-privacy-field a:link, 
.tnp-privacy-field a:visited, 
.tnp-privacy-field a:hover, 
.tnp-privacy-field a:focus, 
.tnp-privacy-field a:active {
  color: #004400;
  text-decoration: underline;
}

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}
figure {
  margin: 0;
  padding: 0;
  display: block;
}
main, 
.masterhead, 
.archive .entry-content .wrapper, 
.single .entry-content .wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 7.083333333333333%;
  width: 100%;
  max-width: 1440px;
}
#main-title {
  position: relative;
}
#main-title h1 {
  margin: 0;
  padding: 0;
}
#intro_bow, #intro_welcome, .intro_toy, .intro_text, #miracles, .intro, .slogan {
  opacity: 0;
}
.intro, .slogan {
  margin: 0;
  position: absolute;
  font-size: 2em;
  font-size: 1.85vw;
  font-size: clamp(1vw, 1.85vw, 26px);
}
.intro {
  top: 20%;
  left: 0;
}
.slogan {
  bottom: 10%;
  right: 0;
}
.daily-archives {
  margin: 0 0 10lvh;
  padding: 0;
  list-style: none;
  display: grid;
  /* grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 1lvh; */
}
.daily-archives li {
  margin: 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 95% 95%;
  height: 25lvh;
  position: relative;
  transition: background .5s 0s ease-out;
}
.daily-archives li:hover, 
.daily-archives li:focus {
  background-size: 100% 100%;
}
/* .daily-archives li:nth-child(1) { grid-area: 1 / 3 / 2 / 5; }
.daily-archives li:nth-child(2) { grid-area: 1 / 1 / 2 / 3; }
.daily-archives li:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.daily-archives li:nth-child(4) { grid-area: 2 / 3 / 3 / 4; }
.daily-archives li:nth-child(5) { grid-area: 2 / 4 / 3 / 5; }
.daily-archives li:nth-child(6) { grid-area: 3 / 1 / 5 / 2; }
.daily-archives li:nth-child(7) { grid-area: 3 / 2 / 5 / 3; }
.daily-archives li:nth-child(8) { grid-area: 3 / 3 / 4 / 4; }
.daily-archives li:nth-child(9) { grid-area: 3 / 4 / 4 / 5; }
.daily-archives li:nth-child(10) { grid-area: 4 / 3 / 5 / 5; } */

.daily-archives {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas:
    "d2 d2 a0 a0"
    "a20 a20 a24 a25"
    "a28 d18 d5 a21"
    "a28 d18 d15 d15"
    "d10 d10 d8 d14"
    "a29 d6 d9 d14"
    "a30 d12 d24 d24"
    "a30 d7 d24 d24"
    "d3 d3 a23 d13"
    "d11 d11 a23 d13"
    "d19 d19 a22 d4"
    "d19 d19 a22 d1"
    "d17 a27 a27 d16"
    "d17 a26 a26 d16";
}
/* .daily-archives li {
  background-color: #f00;
} */
.daily-archives li:nth-child(2) { grid-area: d2; }
.daily-archives li:nth-child(3) { grid-area: a20; }
.daily-archives li:nth-child(1) { grid-area: a0; }
.daily-archives li:nth-child(4) { grid-area: a24; }
.daily-archives li:nth-child(5) { grid-area: a25; }
.daily-archives li:nth-child(6) { grid-area: a28; }
.daily-archives li:nth-child(7) { grid-area: d18; }
.daily-archives li:nth-child(8) { grid-area: d5; }
.daily-archives li:nth-child(9) { grid-area: a21; }
.daily-archives li:nth-child(10) { grid-area: d15; }
.daily-archives li:nth-child(11) { grid-area: d10; }
.daily-archives li:nth-child(12) { grid-area: a29; }
.daily-archives li:nth-child(13) { grid-area: d6; }
.daily-archives li:nth-child(14) { grid-area: d8; }
.daily-archives li:nth-child(15) { grid-area: d9; }
.daily-archives li:nth-child(16) { grid-area: d14; }
.daily-archives li:nth-child(17) { grid-area: a30; }
.daily-archives li:nth-child(18) { grid-area: d12; }
.daily-archives li:nth-child(19) { grid-area: d7; }
.daily-archives li:nth-child(20) { grid-area: d24; }
.daily-archives li:nth-child(21) { grid-area: d3; }
.daily-archives li:nth-child(22) { grid-area: d11; }
.daily-archives li:nth-child(23) { grid-area: a23; }
.daily-archives li:nth-child(24) { grid-area: d13; }
.daily-archives li:nth-child(25) { grid-area: d19; }
.daily-archives li:nth-child(26) { grid-area: a22; }
.daily-archives li:nth-child(27) { grid-area: d4; }
.daily-archives li:nth-child(28) { grid-area: d1; }
.daily-archives li:nth-child(29) { grid-area: d17; }
.daily-archives li:nth-child(30) { grid-area: a27; }
.daily-archives li:nth-child(31) { grid-area: a26; }
.daily-archives li:nth-child(32) { grid-area: d16; }

.daily-archives li:nth-child(1) {
  pointer-events: none;
  background-image: url(../img/ornamentsDecoration.svg);
}
.daily-archives li:nth-child(2) {
  background-image: url(../img/dates/2.svg);
}
.daily-archives li:nth-child(3) {
  background-image: url(../img/dates/20.svg);
}
.daily-archives li:nth-child(4) {
  background-image: url(../img/dates/24.svg);
}
.daily-archives li:nth-child(5) {
  background-image: url(../img/dates/25.svg);
}
.daily-archives li:nth-child(6) {
  background-image: url(../img/dates/28.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(7) {
  background-image: url(../img/dates/18.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(8) {
  background-image: url(../img/dates/5.svg);
}
.daily-archives li:nth-child(9) {
  background-image: url(../img/dates/21.svg);
}
.daily-archives li:nth-child(10) {
  background-image: url(../img/dates/15.svg);
}
.daily-archives li:nth-child(11) {
  background-image: url(../img/dates/10.svg);
}
.daily-archives li:nth-child(12) {
  background-image: url(../img/dates/29.svg);
}
.daily-archives li:nth-child(13) {
  background-image: url(../img/dates/6.svg);
}
.daily-archives li:nth-child(14) {
  background-image: url(../img/dates/8.svg);
}
.daily-archives li:nth-child(15) {
  background-image: url(../img/dates/9.svg);
}
.daily-archives li:nth-child(16) {
  background-image: url(../img/dates/14.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(17) {
  background-image: url(../img/dates/30.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(18) {
  background-image: url(../img/dates/12.svg);
}
.daily-archives li:nth-child(19) {
  background-image: url(../img/dates/7.svg);
}
.daily-archives li:nth-child(20) {
  background-image: url(../img/dates/final.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(21) {
  background-image: url(../img/dates/3.svg);
}
.daily-archives li:nth-child(22) {
  background-image: url(../img/dates/11.svg);
}
.daily-archives li:nth-child(23) {
  background-image: url(../img/dates/23.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(24) {
  background-image: url(../img/dates/13.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(25) {
  background-image: url(../img/dates/19.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(26) {
  background-image: url(../img/dates/22.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(27) {
  background-image: url(../img/dates/4.svg);
}
.daily-archives li:nth-child(28) {
  background-image: url(../img/dates/1.svg);
}
.daily-archives li:nth-child(29) {
  background-image: url(../img/dates/17.svg);
  height: 50lvh;
}
.daily-archives li:nth-child(30) {
  background-image: url(../img/dates/27.svg);
}
.daily-archives li:nth-child(31) {
  background-image: url(../img/dates/26.svg);
}
.daily-archives li:nth-child(32) {
  background-image: url(../img/dates/16.svg);
  height: 50lvh;
}

.daily-archives li:nth-child(33) {
  background-image: url(../img/dates/20.svg);
}
.daily-archives li:nth-child(34) {
  background-image: url(../img/dates/21.svg);
}
.daily-archives li:nth-child(35) {
  background-image: url(../img/dates/22.svg);
}
.daily-archives li:nth-child(36) {
  background-image: url(../img/dates/23.svg);
}


.daily-archives li a:link, 
.daily-archives li a:visited, 
.daily-archives li a:hover, 
.daily-archives li a:focus, 
.daily-archives li a:active {
  text-indent: -99999em;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
a[disabled] {
    pointer-events: none;
}
.daily-archives li:has(a[disabled]) {
  opacity: .5;
  pointer-events: none;
}
.page-about article {
  margin: 0 0 10lvh;
}
.page-about main p {
  font-size: 1.500rem;
  font-size: clamp(1rem, 1.8vw, 24px);
}
.page-about .video, 
.page-homepage .video {
  margin: 0 auto;
  width: 56.25%;
  position: relative;
}
.page-homepage .video {
  margin-bottom: 5rem;
}
.video .dec {
  margin: 0 auto .5rem;
  width: 70.22716049382717%;
}
.page-about blockquote {
  margin: 0;
  padding: 3em 0 0;
  display: block;
  background-image: url(../img/bq-top.svg);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 40% auto;
  font-size: clamp(1.250rem, 2vw, 36px);
}
.page-about blockquote p {
  padding: 0 10%;
  background-image: url(../img/bqp-top.svg), url(../img/bqp-top.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 5% 0%, 95% 100%;
  background-size: auto 2em, auto 2em;
  
  /* font-size: 2.250rem; */
  /* font-size: clamp(1.5vw, 2.250rem, 36px); */
  font-size: clamp(1.250rem, 2vw, 36px);
  font-weight: 600;
  line-height: 1.3em;
  text-align: center;
}
.page-about blockquote + p {
  padding-bottom: 3em;
  background-image: url(../img/bq-bottom.svg);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 40% auto;
  text-align: center;
}
.page-about blockquote + p + p {
  padding-left: 30%;
  width: 70%;
  text-align: right; 
}
.page-about .cta {
  margin: -10rem 0 10lvh;
  position: relative;
}
.page-about .cta p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(../img/initiative/about-label.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.cta p span {
  display: block;
  width: 25%;
  position: absolute;
  bottom: 17.5%;
  right: 2.5%;
  font-size: clamp(.313rem, 1.389vw, 20px);
  
  transform: rotate(7deg);
}
/* .video:before {
  display: block;
  content: '';
  position: absolute;
  top: -.5rem;
  left: 50%;
  transform: translate(-50%, -70.22716049382717%);
  width: 70.22716049382717%;
  height: 0;
  padding-top: 20.330849%;
  background: transparent url(../img/about-decoration.svg) no-repeat 50% 0%;
  background-size: 100% auto;
} */

.page-about article header {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
}
.wp-block-gallery.logos {
  padding-top: 2.5lvh;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px !important;
  grid-row-gap: 1em !important;
}
.logos figure:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.logos figure:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.logos figure:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.logos figure:nth-child(4) { grid-area: 1 / 4 / 2 / 5; }
.logos figure:nth-child(5) { grid-area: 2 / 1 / 3 / 2; }
.logos figure:nth-child(6) { grid-area: 2 / 2 / 3 / 3; }
.logos figure:nth-child(7) { grid-area: 2 / 3 / 3 / 4; }
.logos figure:nth-child(8) { grid-area: 2 / 4 / 3 / 5; }

.logos figure, .wp-block-gallery.logos .wp-block-image {
  width: auto;
  position: relative;
  height: 75px;
}
.logos figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  /* aspect-ratio: auto; */
}

.page-upcoming h1 {
  margin: 0 auto -2rem;
  padding-top: 2rem;
  width: 42.70833333333333%;
}
.page-upcoming article {
  position: relative;
  padding-top: 15%;
}
.page-upcoming article:last-child {
  margin-bottom: 5lvh;
}
.page-upcoming article:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 25%;
  background: transparent url(../img/separator.svg) no-repeat 50% 50%;
  background-size: auto 100%;
  pointer-events: none;
}
.title {
  margin: 0;
  /* font-size: 4rem; */
  font-size: clamp(2rem, 4.444vw, 64px);
  font-size: clamp(2.500rem, 2.778vw, 40px);
  
  max-width: 20em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.date {
  margin: .25em 0 .5em;
  /* font-size: 2.250rem; */
  font-size: clamp(1.250rem, 2.5vw, 36px);
  line-height: 1em;
}
.location {
  margin: 0 0 1em;
  /* font-size: 2.250rem; */
  font-size: clamp(1.250rem, 2.5vw, 36px);
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
}
.link {
  margin: 0 0 2em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  gap: 1em;
  font-weight: 600;
  line-height: 1em;
  text-align: center;
}
.link a:link, 
.link a:visited, 
.link a:hover, 
.link a:focus, 
.link a:active {
  border-radius: 1em;
  border: 1px solid #004400;
  padding: .5em 1em;
  display: inline-block;
  color: #FFF2D2;
  background: #004400;
  text-decoration: none;
}
.link a:hover, 
.link a:focus, 
.link a:active {
  color: #004400;
  background: #FFF2D2;
}
.title a:link, 
.title a:visited, 
.title a:hover, 
.title a:focus, 
.title a:active {
  color: #004400;
  text-decoration: underline;
}

.org {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.org .org-content {
  width: 65%;
}
.org .org-logo {
  width: 32%;
  width: 25%;
}
.org-content p:last-child {
  margin-bottom: 0;
}

/* .page-upcoming article:nth-child(1):before {
  background-position: 50% 50%;
}
.page-upcoming article:nth-child(2):before {
  background-position: 70% 50%;
}
.page-upcoming article:nth-child(3):before {
  background-position: 60% 50%;
}
.page-upcoming article:nth-child(4):before {
  background-position: 50% 50%;
}
.page-upcoming article:nth-child(5):before {
  background-position: 70% 50%;
} */

.archive main, 
.single main {
  padding: 0;
  max-width: unset;
}
.masterhead {
  margin-bottom: 2.5rem;
}
.archive main section, 
.single main {
  margin-bottom: 5lvh;
  position: relative;
}
.archive .page-header, 
.single .page-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
}
.archive .page-header h1, 
.single .page-header p {
  margin: 0;
  width: 45%;
  position: relative;
  z-index: 10;
  font-size: 5vw;
  line-height: 1.5em;
  color: #2B3990;
  /* background: transparent url(../img/date-label.svg) no-repeat 50% 100%;
  background-size: auto 100%; */
  text-align: center;
  transform: rotate(-30deg);
}
h1 span.day, 
p span.day {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
}
.archive article, 
.single article {
  overflow: hidden;
}
.single article {
  margin-bottom: 2.5rem;
}
.archive article header, 
.single article header {
  margin: 0 auto 5rem;
  padding: 5rem 0;
  color: #FFF2D2;
  background-color: #8B2256;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.archive article .entry-content, 
.single article .entry-content {
  position: relative;
  z-index: 2;
}
.archive article .entry-content:before, 
.archive article .entry-content:after, 
.single article .entry-content:before, 
.single article .entry-content:after {
  width: 20%;
  height: 0;
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  pointer-events: none;
}
.archive article .entry-content:before, 
.single article .entry-content:before {
  top: -5rem;
  right: 0%;
  padding-top: 25%;
  background-image: url(../img/about-header-right.svg);
  transform: translate(0%, -73%);
}
.archive article .entry-content:after, 
.single article .entry-content:after {
  top: -5rem;
  left: -0%;
  padding-top: 25%;
  background-image: url(../img/about-header-left.svg);
}
.archive header .wrapper, 
.single header .wrapper {
  margin: 0 auto;
  width: 71.18055555555556%;
  max-width: 1025px;
}
.event-image, .embed-container, .wp-block-embed__wrapper {
  position: relative;
}
.archive .entry-content .embed-container, .wp-block-embed__wrapper {
  margin-bottom: 5rem;
}
.event-image:before, 
.event-image:after {
  width: 1000%;
  height: 0;
  padding-top: 15%;
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background-position: 0% 50%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  /* transition-property: all;
  transition-delay: .5s;
  transition-duration: 5s;
  transition-timing-function: linear; */
}
.event-image:before {
  animation: move_left 10s 0s linear infinite both;
  /* transform: translate(0%, -50%); */
  background-image: url(../img/pattern-top-1.svg);
}
.event-image:after {
  animation: move_right 10s 0s linear infinite both;
  /* transform: translate(-100%, -50%); */
  background-image: url(../img/pattern-bottom-1.svg);
}
@keyframes move_left {
   to { transform: translate(-45%, -50%); }
}
@keyframes move_right {
   to { transform: translate(-55%, -50%); }
}
.event-image img, .embed-container, .wp-block-embed__wrapper {
  position: relative;
  z-index: 10;
}
.archive article header h2, 
.single article header h1 {
  margin: .5em 0 .5em;
  /* font-size: 4.063rem;
  font-size: 5vw; */
  font-size: clamp(2rem, 4.444vw, 64px);
  line-height: 1.2em;
  text-align: left;
  text-transform: uppercase;
}
.archive .link, 
.single .link {
  margin-bottom: 0;
}
.archive .link a:link, 
.archive .link a:visited, 
.archive .link a:hover, 
.archive .link a:focus, 
.archive .link a:active {
  border-radius: 1em;
  border: 1px solid #8B2356;
  padding: .5em 1em;
  display: inline-block;
  color: #8B2356;
  background: #FEEFC7;
  text-decoration: none;
}
.archive .link a:hover, 
.archive .link a:focus, 
.archive .link a:active {
  border-color: #FEEFC7;
  color: #FEEFC7;
  background: #8B2356;
}
.single .link a:link, 
.single .link a:visited, 
.single .link a:hover, 
.single .link a:focus, 
.single .link a:active {
  border-radius: 1em;
  border: 1px solid #8B2356;
  padding: .5em 1em;
  display: inline-block;
  color: #8B2356;
  background: #FEEFC7;
  text-decoration: none;
}
.single .link a:hover, 
.single .link a:focus, 
.single .link a:active {
  border-color: #FEEFC7;
  color: #FEEFC7;
  background: #8B2356;
}
.share_btn {
  border: 1px solid #8B2356;
  border-radius: 1em;
  padding: .5em 1em;
  display: inline-block;
  color: #8B2356;
  background: #FEEFC7;
  text-decoration: none;
  font-weight: 600;
  line-height: 1em;
  appearance: none;
}
.share_btn:hover, 
.share_btn:focus, 
.share_btn:active {
  border-color: #FEEFC7;
  color: #FEEFC7;
  background: #8B2356;
}
.archive .entry-content, 
.single .entry-content {
  display: flex;
  flex-direction: column;
}
.archive .org, 
.single .org {
  margin-bottom: 2.5rem;
  flex-direction: column;
}
/* .archive .org .org-logo {
  margin: 0 auto 2em;
} */
.wp-block-gallery {
  margin-bottom: 2.5rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.archive .entry-content .wp-block-gallery {
  gap: 1%;
}
.wp-block-gallery .wp-block-image {
  width: 24%;
}
.archive aside, 
.archive main nav {
  box-sizing: border-box;
  margin: 0;
  padding: 0 7.083333333333333%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 2em;
  background: #004400;
}
.archive aside {
  position: relative;
  z-index: 2;
}
.archive main nav {
  padding-bottom: 1em;
}
.archive main nav a:link, 
.archive main nav a:visited, 
.archive main nav a:hover, 
.archive main nav a:focus, 
.archive main nav a:active {
  border: 1px solid #FEEFC7;
  border-radius: 1.5em;
  padding: .5em 1em;
  color: #FEEFC7;
  background: #004400;
  text-decoration: none;
  text-transform: uppercase;
}
.archive main nav a:hover, 
.archive main nav a:focus, 
.archive main nav a:active {
  color: #004400;
  background: #FEEFC7;
}

.letter {
  margin: -7.5lvh auto 0;
  width: 69.44444444444444%;
  min-width: 320px;
  max-width: 1000px;
  position: relative;
}
.letter-bottom {
  pointer-events: none;
}
.letter-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}
#deed {
  box-sizing: border-box;
  padding: 3em 10%;
  border-radius: .5em;
  position: absolute;
  bottom: 40%;
  left: 23.5%;
  z-index: 1;
  width: 53%;
  color: #004400;
  background: #FEEFC7;
  /* transform: translate(-50%, 0%); */
}
#deed h2 {
  margin: 0 0 .5em;
  font-size: 3rem;
  font-size: 3vw;
  
  font-size: clamp(1rem, 3.333vw, 48px);
  
  line-height: 1.2em;
  text-transform: uppercase;
  text-align: center;
}
#deed p {
  margin: 0;
  /* font-size: 1rem;
  font-size: 1vw; */
  
  font-size: clamp(.625rem, 1.8vw, 24px);
  
  line-height: 1.2em;
  text-align: center;
}

.archive main article header p a:link, 
.archive main article header p a:visited, 
.archive main article header p a:hover, 
.archive main article header p a:focus, 
.archive main article header p a:active {
  text-decoration: underline;
  color: #FFF2D2;
}

.wp-embed-aspect-9-16 {
  margin: 0 auto;
}

/* Animations */
.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.no-alt {
  pointer-events: none;
}
#initiative, #about {
  position: relative;
  overflow: hidden;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.embed-container, .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wp-block-embed__wrapper iframe, .wp-block-embed__wrapper object, .wp-block-embed__wrapper embed { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only, .screen-reader-text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus,
.screen-reader-text.focusable:active,
.screen-reader-text.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 1441px) {

}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1024px) {
  #site-footer nav {
    width: 100%;
  }
  #site-footer nav ul li {
    width: 40%;
    text-align: center;
  }
  .page-about .cta {
    margin-top: -5rem;
  }
}
@media only screen and (max-width: 768px) {
  #site-nav {
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
    gap: 1rem;
  }
  #site-nav ul {
    gap: 1rem;
  }
  #site-nav ul:first-child {
    flex-direction: column;
  }
  #site-footer nav ul {
    gap: 1rem;
  }
  #site-footer ul {
    font-size: 0.875rem;
  }
  #site-footer nav ul li {
    width: auto;
  }
  /* body {
    font-size: calc(4px + 6 * ((100vw - 320px) / 680));
  } */
  .letter {
    width: 100%;    
  }
  .wp-block-gallery.logos {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  .logos figure:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
  .logos figure:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
  .logos figure:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
  .logos figure:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
  .logos figure:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
  .logos figure:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
  .logos figure:nth-child(7) { grid-area: 4 / 1 / 5 / 2; }
  .logos figure:nth-child(8) { grid-area: 4 / 2 / 5 / 3; }
  
  .logos figure, .wp-block-gallery.logos .wp-block-image {
    height: 50px;
  }
  
  .archive aside {
    padding: 0;
  }
  #deed {
    padding: 1em 2.5%;
    width: 53%;
  }
  
}
@media only screen and (max-width: 450px) {
  /* body {
    font-size: calc(8px + 6 * ((100vw - 320px) / 680));
  } */

  .page-homepage #site-footer:before, 
  .page-homepage #site-footer:after {
    display: none;
  }
  
  .page-about .video, 
  .page-homepage .video {
    width: 100%;
  }
  
  .org {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .org .org-content {
    width: 100%;
  }
  .org .org-logo {
    width: 40%;
  }
  
  .daily-archives li {
    height: 12.5lvh;
  }
  .daily-archives li:nth-child(6), 
  .daily-archives li:nth-child(7), 
  .daily-archives li:nth-child(16), 
  .daily-archives li:nth-child(17), 
  .daily-archives li:nth-child(20), 
  .daily-archives li:nth-child(23), 
  .daily-archives li:nth-child(24), 
  .daily-archives li:nth-child(25), 
  .daily-archives li:nth-child(26), 
  .daily-archives li:nth-child(29), 
  .daily-archives li:nth-child(32) {
    height: 25lvh;
  }
  
  .page-about blockquote + p + p {
    padding-left: 0%;
    width: 100%;
    text-align: center; 
  }
  .page-about .cta {
    margin-top: 0;
  }
  
  .title {
    font-size: clamp(1.5rem, 2.5vw, 36px);
  }
  
}


@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}