@charset "UTF-8";
@import url("https://use.typekit.net/xcy0xpv.css");
/*
Theme Name: Sustainability Playbooks Twenty Twenty-five
Theme URI:
Author: Mattmo
Author URI:
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6

Version: 1.0 - 2025.06.25 - u5obfp4

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyone
Text Domain: twentytwentyone
Tags:one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/ /* Color Options
       --------------------------------------------- */
.has-black-color {
  color: #000000 !important;
}

.has-black-background-color {
  background-color: #000000 !important;
  background: #000000 !important;
}

.has-white-color {
  color: #FFFFFF !important;
}

.has-white-background-color {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.has-red-color {
  color: #E30613 !important;
}

.has-red-background-color {
  background-color: #E30613 !important;
  background: #E30613 !important;
}

.has-green-color {
  color: #004739 !important;
}

.has-green-background-color {
  background-color: #004739 !important;
  background: #004739 !important;
}

.has-pink-color {
  color: #F086A4 !important;
}

.has-pink-background-color {
  background-color: #F086A4 !important;
  background: #F086A4 !important;
}

.has-purple-color {
  color: #522583 !important;
}

.has-purple-background-color {
  background-color: #522583 !important;
  background: #522583 !important;
}

.has-yellow-color {
  color: #FFED00 !important;
}

.has-yellow-background-color {
  background-color: #FFED00 !important;
  background: #FFED00 !important;
}

.has-grey-1-color {
  color: #F5F5F5 !important;
}

.has-grey-1-background-color {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
}

.has-grey-2-color {
  color: #838383 !important;
}

.has-grey-2-background-color {
  background-color: #838383 !important;
  background: #838383 !important;
}

*,
html,
body {
  scroll-behavior: smooth;
  transition: all 0.25s ease-out;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

.menu-button-container {
  display: none;
  justify-content: space-between;
  position: absolute;
  right: 0;
  padding-top: calc(0.5 * var(--global--spacing-vertical));
  padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}

@media only screen and (max-width: 520px) {
  .menu-button-container {
    display: flex;
  }
}
.menu-button-container #primary-mobile-menu {
  display: flex;
  margin-left: auto;
  padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
  font-size: var(--primary-nav--font-size-button);
  font-weight: var(--primary-nav--font-weight-button);
  background-color: transparent;
  border: none;
  color: var(--primary-nav--color-link);
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
  display: flex;
  align-items: center;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
  margin-left: calc(0.25 * var(--global--spacing-unit));
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
  position: relative;
  top: -1px;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close {
  display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
  display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
  display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
  -webkit-animation-name: twentytwentyone-close-button-transition;
          animation-name: twentytwentyone-close-button-transition;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.primary-navigation-open .menu-button-container {
  width: 100%;
  z-index: 500;
  background-color: var(--global--color-background);
}

.primary-navigation-open .menu-button-container #primary-mobile-menu {
  position: static;
}

:root {
  --vh: 1vh;
  --vw: 1vw;
}

@supports (height: 100dvh) {
  :root {
    --vh: 1dvh;
    --vw: 1dvw;
  }
}
body {
  margin: 0;
  padding: 0;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
}

h1, h2, h3 {
  font-family: "gelica", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.futura {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
  font-style: normal;
}

p, ul, ol, li {
  font-size: 1.25rem;
}

li strong,
p strong {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
  font-variation-settings: "wght" 700;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 3rem;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 0;
}

:where(.wp-block-columns) {
  margin-bottom: 0;
}

:where(.wp-block-columns.is-layout-flex),
:where(.wp-block-columns.has-background) {
  padding: 0;
}

:where(.wp-block-columns .wp-block-column),
:where(.wp-block-columns .has-background) {
  padding: 3vw;
}
:where(.wp-block-columns .wp-block-column) .wp-block-columns .wp-block-column,
:where(.wp-block-columns .wp-block-column) .wp-block-columns .has-background,
:where(.wp-block-columns .has-background) .wp-block-columns .wp-block-column,
:where(.wp-block-columns .has-background) .wp-block-columns .has-background {
  padding: 1rem 0 1rem 0;
}

.very-large h1,
.very-large h2,
.very-large h3 {
  margin: 0.1em auto;
  line-height: 1;
  font-size: calc(var(--vw) * 20);
}
@media only screen and (min-width: 620px) {
  .very-large h1,
.very-large h2,
.very-large h3 {
    font-size: calc(var(--vw) * 7);
  }
}
.very-large h1 {
  line-height: 1.3;
}
@media only screen and (min-width: 620px) {
  .very-large h1 {
    line-height: 1.2;
  }
}
.very-large a {
  text-decoration: none;
}

.quite-large h1,
.quite-large h2,
.quite-large h3 {
  margin: 0.1em auto;
  line-height: 1.1;
  font-size: calc(var(--vw) * 10);
}
@media only screen and (min-width: 620px) {
  .quite-large h1,
.quite-large h2,
.quite-large h3 {
    font-size: calc(var(--vw) * 4.5);
  }
}
.quite-large a {
  text-decoration: none;
}

.medium-large h1,
.medium-large h2,
.medium-large h3,
.medium-large p {
  font-size: calc(var(--vw) * 6);
  margin: 0.1em auto;
  line-height: 1.1;
}
@media only screen and (min-width: 620px) {
  .medium-large h1,
.medium-large h2,
.medium-large h3,
.medium-large p {
    font-size: calc(var(--vw) * 3.5);
  }
}

.wpcf7-form {
  line-height: 1;
  padding: 0 0rem;
  margin: 0 0;
  max-width: 48rem;
}

.wpcf7-form-control {
  font-family: "din-2014-rounded-variable", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 1.1rem;
}
.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-email {
  width: 96%;
  padding: 0.5em 0.75em;
  color: #000000;
  border: solid 0.05rem #838383;
}
.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  padding: 0.5em 0.5em;
  color: #FFFFFF;
  background-color: #E30613;
  border: solid 0.075rem #E30613;
  text-transform: uppercase;
  transition: all 0.5s ease-out;
}
.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #FFFFFF;
  color: #E30613;
  border: solid 0.075rem #E30613;
  transition: all 0.5s ease-out;
  cursor: pointer;
}

h1.wp-block-heading div:nth-child(1):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.12em;
  bottom: -0.04em;
  background-color: transparent;
  background-image: url("assets/wave.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (min-width: 620px) {
  h1.wp-block-heading div:nth-child(1):after {
    bottom: -0.06em;
  }
}
h1.wp-block-heading div:nth-child(1):hover:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.04em;
  bottom: -0.02em;
  background-color: white;
}
@media only screen and (min-width: 620px) {
  h1.wp-block-heading div:nth-child(1):hover:after {
    bottom: -0.03em;
  }
}
h1.wp-block-heading div:nth-child(3):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.04em;
  bottom: -0.02em;
  background-color: white;
}
@media only screen and (min-width: 620px) {
  h1.wp-block-heading div:nth-child(3):after {
    bottom: -0.03em;
  }
}

p.has-grey-2-color {
  font-variation-settings: "wght" 300;
}

/*# sourceMappingURL=style.css.map */