/*! 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: #1E5B05;
  background: #FFF2D2;
  /* font-size: calc(1.9px + 6 * ((100vw - 320px) / 680)); */
  
  font-size: clamp(.750em, 1vw, 24px);
}
body.single {
  color: #FFF2D2;
  background: #1E5B05;
}
b, strong, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
#main .title, 
#main h1, 
.archive .page-header h1, 
.single .page-header p, 
.archive article header h2, 
.single article header h1, 
#spelling h2 {
  font-family: "gill-sans-nova-extra-condens", sans-serif;
  font-weight: 700;
  font-style: normal;
}
p, ul, ol {
  margin-top: 0;
  font-size: 1.500em;
  /* 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: #1E5B05;
}
.single main article a:link, 
.single main article a:visited, 
.single main article a:hover, 
.single main article a:focus, 
.single main article a:active {
  text-decoration: underline;
  color: #FFF2D2;
}

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

#loading {
  width: 100%;
  height: 100lvh;
  color: #1E5B05;
  background: #FFF2D2;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 10;
  /* 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;
}
#intro_anim {
  margin: 0 auto;
  width: 70%;
  max-width: 998px;
  overflow: hidden;
}
#loading .container:before, 
#loading .container:after {
  width: 200%;
  height: 0;
  padding-top: 5lvh;
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0%;
  z-index: 1;
  transform: translate(0%, -50%);
  background-position: 0% 50%;
  background-repeat: repeat-x;
  background-size: 50% auto;
  background-size: auto 5lvh;
}
#loading .container:after {
  top: calc(50% - 6lvh);
}

#loading .container:before {
  animation: move_left_1 10s 0s linear infinite both;
  /* background-image: url(../img/pattern-top-2.svg); */
  background-image: url(../img/dobrinite-loading.svg);
}
#loading .container:after {
  transform: translate(-50%, -50%);
  animation: move_right_1 10s 0s linear infinite both;
  /* background-image: url(../img/pattern-bottom-2.svg); */
  background-image: url(../img/dobrinite-loading.svg);
}
@keyframes move_left_1 {
   to { transform: translate(-50%, -50%); }
}
@keyframes move_right_1 {
   to { transform: translate(0%, -50%); }
}

.wp-block-image.book {
  margin: 0 auto 3em;
  padding: 2em 0 0;
  width: 75%;
}

#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;
  position: relative;
  z-index: 9;
}
#site-logo {
  margin: 0;
  line-height: 1em;
  width: 10%;
  min-width: 90px;
}
#site-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: right;
  gap: 1em;
  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: 1em;
  font-size: 1.250em;
  line-height: 1em;
}
.menu li {
  position: relative;
}
#site-nav #menu-social {
  gap: 0;
}
#site-nav li:hover,
#site-nav li:focus-within {
  cursor: pointer;
}
#site-nav li:focus-within a {
  outline: none;
}
#site-nav .sub-menu {
  display: none;
  margin: 0;
  padding: .5em 0;
  visibility: hidden;
  opacity: 0;
  min-width: 10em;
  position: absolute;
  transition: all 0.5s ease;
  top: 100%;
  left: 0;
  display: none;
  font-size: .750em;
  background: #FFF2D2;
}
.single #site-nav .sub-menu {
  background: transparent;
}
#site-nav .sub-menu li {
  padding-bottom: 1em;
}
#site-nav .menu li:hover > .sub-menu,
#site-nav .menu li:focus-within > .sub-menu,
#site-nav .sub-menu:hover,
#site-nav .sub-menu:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}
#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: #1E5B05;
}
.single #site-nav a:link, 
.single #site-nav a:visited, 
.single #site-nav a:hover, 
.single #site-nav a:focus, 
.single #site-nav a:active {
  color: #FEEFC7;
}
#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: #1E5B05;
} */
#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: none;
  font-weight: 800;
}

#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: 2em;
  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.tt) {
  background-image: url(../img/icon-tt.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);
}

.single #site-nav #menu-social a:has(span.ig) {
  background-image: url(../img/icon-ig-alt.svg);
}
.single #site-nav #menu-social a:has(span.tt) {
  background-image: url(../img/icon-tt-alt.svg);
}
.single #site-nav #menu-social a:has(span.fb) {
  background-image: url(../img/icon-fb-alt.svg);
}
.single #site-nav #menu-social a:has(span.yt) {
  background-image: url(../img/icon-yt-alt.svg);
}

#site-footer {
  margin: 0 auto;
  padding: 10lvh 0 5lvh;
  width: 100%;
  color: #FEEFC7;
  background: #1E5B05;
  
}
#site-footer .wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 7.083333333333333%;
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
#site-footer .wrapper div {
  width: 45%;
}
/* .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 h2 {
  margin: 0;
  font-weight: 400;
  font-size: 0.875em;
  text-transform: uppercase;
}
#site-footer p {
  margin: .417em 0 1em;
  font-size: 1.500em;
  line-height: 1.417em;
}
#site-footer ol {
  margin: 0.500em 0 1em;
  padding: 0;
  font-size: 1.250em;
  list-style: none;
  counter-reset: item;
}
#site-footer ol li {
  padding: 1.200em 0 1em 2.400em;
  border-top: 1px solid #FEEFC7;
  position: relative;
  counter-increment: item;
}
#site-footer ol li:before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  content: '[0'counters(item, '.') ']';
  font-size: 0.700em;
  font-weight: 700;
}
#site-footer ol li:last-child {
  border-bottom: 1px solid #FEEFC7;
}
#site-footer nav {
  /* margin: 0 auto; */
  /* width: 50%; */
  /* min-width: 220px; */
}
#site-footer nav ul {
  margin: 0.417em 0 1em;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 0.417em;
  font-size: 1.500em;
  line-height: 1.417em;
}
#site-footer a:link, 
#site-footer a:visited, 
#site-footer a:hover, 
#site-footer a:focus, 
#site-footer a:active {
  color: #FEEFC7;
  text-decoration: none;
}
#site-footer a:hover, 
#site-footer a:focus, 
#site-footer 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 a:focus, 
#site-footer a:active {
  color: #1E5B05;
  background: #FEEFC7;
}

#newsletter {
  padding: 15lvh 5% 5lvh;
  width: 66%;
  /* background: transparent url(../img/dobrinite-newsletter.svg) no-repeat 50% 50%;
  background-size: contain; */
  
  padding: 0 ;
}
#newsletter .w {
  margin: 0 auto;
  padding: 0 15% 10em 20%;
  background: transparent url(../img/dobrinite-newsletter-bottom.svg) no-repeat 0% 100%;
  background-size: 100% auto;
  /* padding: 0 15% 0 20%; */
}
.tnp-subscription {
  margin: 0 auto 10lvh;
  margin: 0 auto 30lvh;
  width: 66%;
  max-width: 42em;
  min-width: 320px;
  text-align: center;
  
  margin: 0 auto 20%;
  
  width: auto;
  max-width: unset;
  min-width: unset;
}
#title-subscribe {
  margin: 0 auto .25em;
  padding: 0;
  /* font-size: 4rem; */
  /* font-size: clamp(2rem, 4.444vw, 64px); */
  font-size: 3.750em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #fff;
}
.subscribe-cta {
  color: #fff;
  /* 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: 1em;
}
.tnp-privacy-field {
  margin: 0 auto 1em;
  width: 100%;
  font-size: 0.875em;
  text-align: left;
}
.tnp-subscription form div:nth-child(3) .tnp-field-email {
  margin: 0 0 .25em;
  width: 80%;
}
.tnp-subscription form div:nth-child(3) .tnp-field-button {
  margin: 0 0 .25em;
  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: #1E5B05;
  text-align: center;
  line-height: 1.3em;
}
.tnp-field-button input[type="submit"]:focus {
  color: #1E5B05;
  background: #FFF2D2;
  outline-color: ##1E5B05;
  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: #fff;
  text-decoration: underline;
}
.page-homepage #site-footer {
  position: relative;
}

#footer_decoration {
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 2.5lvh;
  right: 7.083333333333333%;
  width: 41.51599443671766%;
  width: 35%;
}


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;
}
.page-homepage main {
  padding: 0;
  max-width: unset;
}
#intro_anim {
  position: relative;
}
#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;
  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 0 2lvh;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 95% 95%;
  height: 50lvh;
  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) {
  background-image: url(../img/home/9.05.svg);
}
.daily-archives li:nth-child(2) {
  background-image: url(../img/home/10.05.svg);
}
.daily-archives li:nth-child(3) {
  background-image: url(../img/home/11.05.svg);
}
.daily-archives li:nth-child(4) {
  background-image: url(../img/home/12.05.svg);
}
.daily-archives li:nth-child(5) {
  background-image: url(../img/home/13.05.svg);
}
.daily-archives li:nth-child(6) {
  background-image: url(../img/home/14.05.svg);
}
.daily-archives li:nth-child(7) {
  background-image: url(../img/home/15.05.svg);
}
.daily-archives li:nth-child(8) {
  background-image: url(../img/home/16.05.svg);
}
.daily-archives li:nth-child(9) {
  background-image: url(../img/home/17.05.svg);
}
.daily-archives li:nth-child(10) {
  background-image: url(../img/home/18.05.svg);
}
.daily-archives li:nth-child(11) {
  background-image: url(../img/home/19.05.svg);
}
.daily-archives li:nth-child(12) {
  background-image: url(../img/home/20.05.svg);
}
.daily-archives li:nth-child(13) {
  background-image: url(../img/home/21.05.svg);
}
.daily-archives li:nth-child(14) {
  background-image: url(../img/home/22.05.svg);
}
.daily-archives li:nth-child(15) {
  background-image: url(../img/home/23.05.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, 
.page-privacy-policy article {
  margin: 0 0 10lvh;
  margin: 0 0 30lvh;
  
  margin: 0 0 25%;
}
.page-about main p {
  font-size: 1.500rem;
  font-size: clamp(1rem, 1.8vw, 24px);
}

.page-homepage .wrapper, 
.goodness {
  margin: 0 auto;
  max-width: 1084px;
}
.goodness, aside.wrapper {
  padding: 0 5%;
}
.page-homepage aside.wrapper {
  margin-bottom: 10lvh;
}
.goodness {
  margin: 0 auto 10lvh;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
.thumb {
  margin: 0 auto;
  clip-path: circle(40% at center);
}
.goodness article h3 a:link, 
.goodness article h3 a:visited, 
.goodness article h3 a:hover, 
.goodness article h3 a:focus, 
.goodness article h3 a:active {
  display: block;
  margin: 0 auto;
  padding: .75em 1em .5em;
  border-radius: 2em;
  max-width: 12em;
  background: #007210;
  color: #FFF2D2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.page-about .video, 
.page-homepage .video {
  margin: 0 auto;
  width: 56.25%;
  position: relative;
}
.page-homepage .video {
  width: 100%;
  position: static;
  margin-bottom: 5rem;
}
.video .dec {
  margin: 0 auto .5rem;
  /* width: 70.22716049382717%; */
}
.page-about blockquote {
  margin: 0;
  padding: 3em 0 0;
  border: 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/about/bqp-top.svg), url(../img/about/bqp-bottom.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 2.5% 0%, 100% 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/about/bqp-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;
}
.page-about #page .wp-block-gallery {
  margin: 0 0 5lvh;
  padding-top: 2.5lvh;
  /* display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px !important;
  grid-row-gap: 1em !important; */
  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  gap: 1em 5em;
}
/* .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, .partner figure {
  height: 108px;
  /* width: 18%;
  position: relative;
  height: 108px; */
}
.logos img, .partner figure img {
  /* margin: 0 auto;
  height: 108px;
  width: auto; */
  /* aspect-ratio: auto; */
  /* position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  aspect-ratio: auto; */
  
  display: block;
  height: 100%;
  width: auto;
  max-width: unset;
}

/* .page-events h1 {
  margin: 0 auto -2rem;
  padding-top: 2rem;
  width: 42.70833333333333%;
} */
/* .page-events article {
  position: relative;
  padding-top: 15%;
}
.page-events article:last-child {
  margin-bottom: 5lvh;
}
.page-events article:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding-top: 25%;
  background: transparent url(../img/event.svg) no-repeat 50% 50%;
  background-size: auto 100%;
  pointer-events: none;
} */
.page-events main section {
  padding-bottom: 5lvh;
}
.page-events h1 {
  margin: 0 auto 1em;
  padding: 0;
}
.page-events article {
  position: relative;
  margin-bottom: 5lvh;
  padding-top: 10lvh;
}
.page-events article header {
  /* padding-right: 50%;
  width: 50%; */
  /* background: transparent url(../img/event.svg) no-repeat 100% 50%;
  background-size: 45% auto; */
}
.page-events article:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 0;
  padding-top: 25%;
  background: transparent url(../img/event.svg) no-repeat 100% 0%;
  background-size: 100% auto;
  pointer-events: none;
}
.page-events article:nth-of-type(1):before {
  display: 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; */
}
.page-events h2 {
  margin: 0 0 0.105em;
  font-size: 9.500em;
  line-height: 1em;
  text-transform: uppercase;
  
  max-width: 20em;
}
.date {
  margin: .25em 0 .5em;
  /* font-size: clamp(1.250rem, 2.5vw, 36px); */
  font-size: 2.250em;
  line-height: 1em;
}
.location {
  margin: 0 0 1em;
  /* font-size: 2.250rem; */
  /* font-size: clamp(1.250rem, 2.5vw, 36px); */
  font-size: 2.250em;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
}
.link {
  padding-top: 1em;
  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 #1E5B05;
  padding: .5em 1em;
  display: inline-block;
  color: #FFF2D2;
  background: #1E5B05;
  text-decoration: none;
}
.link a:hover, 
.link a:focus, 
.link a:active {
  color: #1E5B05;
  background: #FFF2D2;
}
.title a:link, 
.title a:visited, 
.title a:hover, 
.title a:focus, 
.title a:active {
  color: #1E5B05;
  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%;
  font-size: .75em;
}
.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 section {
  margin-bottom: 5lvh;
  margin-bottom: 20%;
  position: relative;
}
.archive .page-header, 
.single .page-header {
  position: absolute;
  top: 0;
  left: .5%;
  z-index: 2;
  width: 35%;
  transform: translate(0, -20%);
  pointer-events: none;
}
.archive .page-header h1, 
.single .page-header p {
  margin: 0;
  width: 100%;
  position: relative;
  z-index: 10;
  font-size: 5vw;
  line-height: 1.5em;
  color: #FEEFC7;
  /* 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: 45%;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  text-align: center;
}
.archive article, 
.single article {
  overflow: hidden;
}
.single article {
  margin-bottom: 2.5rem;
  margin-bottom: 0;
}
.archive article header, 
.single article header {
  margin: 0 auto;
  padding: 5rem 0 0;
  color: #FEEFC7;
  background-color: #184109;
  
  color: #FFF2D2;
  background-color: #1E5B05;
  background-color: transparent;
  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: 25%;
  height: 0;
  padding-top: 20lvh;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  z-index: 1;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  pointer-events: none;
  transform: translate(0, -75%);
}
.archive article .entry-content:before, 
.single article .entry-content:before {
  right: 0;
  background-position: 100% 0%;
  background-image: url(../img/event/ornament-right.svg);
}
.archive article .entry-content:after, 
.single article .entry-content:after {
  left: 0;
  background-image: url(../img/event/ornament-left.svg);
}
*/
.archive header .wrapper, 
.single header .wrapper {
  margin: 0 auto;
  width: 71.18055555555556%;
  max-width: 1025px;
}

.archive .wrapper-extended, 
.single .wrapper-extended {
  margin: 0 auto;
  width: 83.33333333333334%;
  max-width: 1200px;
}

.event-image, .embed-container, .wp-block-embed__wrapper {
  position: relative;
}
.archive .entry-content .embed-container, .wp-block-embed__wrapper {
  margin-bottom: 5rem;
}
.excerpt {
  margin-bottom: 0;
}
#excerpt_dec {
  margin: 0 auto 5lvh;
}
/* .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%;
}
.event-image:before {
  animation: move_left 10s 0s linear infinite both;
  background-image: url(../img/pattern-top-1.svg);
}
.event-image: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%); }
} */
.event-image img, .embed-container, .wp-block-embed__wrapper {
  position: relative;
  z-index: 10;
}
.archive article header h2, 
.single article header h1, 
.entry-title, 
.page-title {
  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;
  
  font-size: 9.000em;
  line-height: 1em;
  text-align: center;
  text-align: left;
}
.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 #184109;
  padding: .5em 1em;
  display: inline-block;
  color: #184109;
  background: #FEEFC7;
  text-decoration: none;
}
.archive .link a:hover, 
.archive .link a:focus, 
.archive .link a:active {
  border-color: #FEEFC7;
  color: #FEEFC7;
  background: #184109;
}
.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 #184109;
  padding: .5em 1em;
  display: inline-block;
  color: #184109;
  background: #FEEFC7;
  text-decoration: none;
}
.single .link a:hover, 
.single .link a:focus, 
.single .link a:active {
  border-color: #FEEFC7;
  color: #FEEFC7;
  background: #184109;
}
.share_btn {
  border: 1px solid #184109;
  border-radius: 1em;
  padding: .5em 1em;
  display: inline-block;
  color: #184109;
  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: #184109;
}
.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;
} */
.single .wp-block-gallery, 
.archive .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%;
}
.single .wp-block-gallery .wp-block-image, 
.archive .wp-block-gallery .wp-block-image {
  width: 24%;
}
.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: #1E5B05;
}
/* .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: #1E5B05;
  text-decoration: none;
  text-transform: uppercase;
}
.archive main nav a:hover, 
.archive main nav a:focus, 
.archive main nav a:active {
  color: #1E5B05;
  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: #1E5B05;
  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;
}

.page-events h1 figure {
  margin: 0 auto;
  width: 80%;
}
.page-events h1 img {
  margin: 0 auto;
}

#spelling {
  box-sizing: border-box;
  margin: 0;
  padding: 10lvh 7.083333333333333% 5lvh;
  width: 100%;
  color: #FEEFC7;
  background: #1E5B05;
  text-align: center;
}
#spelling h2 {
  margin: 0 0 0.515em;
  font-size: 8.500em;
  line-height: 1em;
  text-transform: uppercase;
}
#spelling p {
  margin-left: auto;
  margin-right: auto;
  max-width: 30em;
}
.archive #spelling .link, .single #spelling .link {
  margin-bottom: 2em;
}
#spelling img {
  margin: 0 auto;
}
#spelling a:link, 
#spelling a:visited, 
#spelling a:hover, 
#spelling a:focus, 
#spelling a:active {
  color: #FEEFC7;
}
#spelling .link a:link, 
#spelling .link a:visited, 
#spelling .link a:hover, 
#spelling .link a:focus, 
#spelling .link a:active {
  color: #184109;
}
#spelling .link a:hover, 
#spelling .link a:focus, 
#spelling .link a:active {
  color: #FEEFC7;
}
.spelling-rule {
  font-size: 0.875em;
}
.partners .wp-block-group__inner-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
}
.partners .wp-block-group__inner-container .partner {
  width: 40%;
}
.partner p, 
.partner figure {
  width: 100%;
}
.partner + .partner {
  text-align: right;
}
.partner + .partner figure img {
  float: right;
}

.type_A .wp-block-group__inner-container, .type_B .wp-block-group__inner-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
.type_A p, .type_B p {
  width: 60%;
}
.type_A figure, .type_B figure {
  width: 35%;
  margin-bottom: 2em;
}
.type_B .wp-block-group__inner-container {
  flex-direction: row-reverse;
}

/* Animations */
.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.no-alt {
  pointer-events: none;
}
#initiative, #about {
  position: relative;
  overflow: hidden;
}
/* #initiative .ornament {
  left: auto;
  right: 0;
  width: 25%;
} */
/* #about .ornament {
  left: 25%;
  width: 50%;
} */
#alphabet {
  margin: 0 auto 10lvh;
}
#scroll {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  height: 75lvh;
  text-align: center;
  overflow: hidden;
  animation: reveal 1s 2.5s ease-in-out both;
}
@keyframes reveal {
    0% {
      height: 10px;
    }
    100% {
      height: 75lvh;
    }
}
.content {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 1;
  margin: 0 auto;
  padding: 5lvh 0 5lvh;
  box-sizing: border-box;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  background: transparent url(../img/home/paper.svg) repeat-y 50% 0%;
  background-size: 100% auto;
}
.content::-webkit-scrollbar { /* WebKit */
  width: 0;
  height: 0;
}
.top {
  position: relative;
  z-index: 3;
}
#top_scroll {
  position: absolute;
  top: -17%;
  left: 0;
}
/* ==========================================================================
   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;
  }
  .daily-archives li {
    height: 35lvh;
  }
}
@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: .5em;
  }
  #site-nav ul:first-child {
    flex-direction: column;
  }
  /* #site-footer nav ul {
    gap: 1rem;
  } */
  #site-footer ul {
    font-size: 0.875em;
  }
  #menu-top {
    order: 2;
  }
  #site-nav .sub-menu {
    left: auto;
    right: 0;
    text-align: right;
  }
  /* #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%;
  }
  .page-about .video, 
  .page-homepage .video {
    width: 100%;
  }
  #site-footer .wrapper {
    flex-direction: column;
  }
  #site-footer .wrapper div {
    width: 100%;
    width: 80%;
  }
  
  .archive article header h2, .single article header h1, 
  .page-events h2, 
  #spelling h2, 
  .entry-title, 
  .page-title {
    font-size: 4em;
  }
  .daily-archives li {
    height: 25lvh;
  }
  
  .partners .wp-block-group__inner-container .partner {
    margin-bottom: 2em;
    width: 100%;
  }
  .partners .wp-block-group__inner-container {
    flex-direction: column;
  }
  .partner, .partner + .partner {
    text-align: center;
  }
  .partner figure img {
    margin: 0 auto;
  }
  .partner + .partner figure img {
    float: none;
  }
  .type_A .wp-block-group__inner-container, 
  .type_B .wp-block-group__inner-container {
    flex-wrap: wrap;
  }
  .type_A p, .type_B p {
    width: 100%;
  }
  .type_A figure, .type_B figure {
    width: 100%;
  }
  
  .page-about article, 
  .page-privacy-policy article {
    margin: 0;
  }
  .archive main section, 
  .single main section {
    margin-bottom: 0;
  }
  
  .goodness {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .goodness article {
    width: 60%;
  }
  #newsletter {
    width: 90%;
  }
  .tnp-subscription {
    margin: 0 auto 5lvh;
  }
  
}
@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);
  }
  #title-subscribe {
    font-size: 3em;
  }
  
  #newsletter {
    font-size: 2vw;
  }
}


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