diff --git a/.gitignore b/.gitignore
index 01757f7a0b..88215353f9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -45,6 +45,7 @@ wp-tests-config.php
!/src/wp-content/themes/twentysixteen
!/src/wp-content/themes/twentyseventeen
!/src/wp-content/themes/twentynineteen
+!/src/wp-content/themes/twentytwentyone
/src/wp-content/upgrade
/src/wp-content/uploads
/src/wp-content/advanced-cache.php
diff --git a/src/wp-content/themes/twentytwentyone/404.php b/src/wp-content/themes/twentytwentyone/404.php
new file mode 100644
index 0000000000..fbc99fa674
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/404.php
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css b/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css
new file mode 100644
index 0000000000..17b4981795
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css
@@ -0,0 +1,5 @@
+/**
+ * Custom Color Overrides
+ *
+ * This file is automatically populated if the user chooses custom colors in the Customzier.
+ */
\ No newline at end of file
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css b/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
new file mode 100644
index 0000000000..236c612960
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
@@ -0,0 +1,2766 @@
+@charset "UTF-8";
+/**
+ * These styles should be loaded by the Block Editor only
+ */
+/* Variables */
+:root {
+ /* Font Family */
+ /* Font Size */
+ /* Line Height */
+ /* Headings */
+ /* Block: Latest posts */
+ /* Colors */
+ /* white 50% opacity used in form fields.*/
+ /* Body text color, site title, footer text color. */
+ /* Headings */
+ /* Mint, default body background */
+ /* Used for borders (separators) */
+ /* Spacing */
+ /* Elevation */
+ /* Forms */
+ /* Cover block */
+ /* Buttons */
+ /* entry */
+ /* Header */
+ /* Main navigation */
+ /* Pagination */
+ /* Footer */
+ /* Block: Pull quote */
+ /* Block: Table */
+ /* Widgets */
+}
+
+/* OS dark theme preference */
+@media (prefers-color-scheme: dark) {
+ html.has-default-light-palette-background body {
+ background-color: #28303d;
+ }
+ @media (prefers-color-scheme: dark){
+ html.has-default-light-palette-background body{
+ background-color: #28303d;
+ }
+ }
+}
+
+/* Button extends */
+.wp-block-button__link {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+.wp-block-file .wp-block-file__button {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+.wp-block-search .wp-block-search__button {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+}
+
+.wp-block-button__link:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+.wp-block-file .wp-block-file__button:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+.wp-block-search .wp-block-search__button:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+.wp-block-button__link:after {
+ margin-top: -calc(1em - 0);
+}
+
+.wp-block-file .wp-block-file__button:after {
+ margin-top: -calc(1em - 0);
+}
+
+.wp-block-search .wp-block-search__button:after {
+ margin-top: -calc(1em - 0);
+}
+
+.wp-block-button__link:active {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+.wp-block-file .wp-block-file__button:active {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+.wp-block-search .wp-block-search__button:active {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+.wp-block-button__link:hover {
+ color: #39414d;
+ background: transparent;
+}
+
+.wp-block-file .wp-block-file__button:hover {
+ color: #39414d;
+ background: transparent;
+}
+
+.wp-block-search .wp-block-search__button:hover {
+ color: #39414d;
+ background: transparent;
+}
+
+.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
+ outline-offset: -4px;
+ outline: 2px dotted currentColor;
+}
+
+.wp-block-button__link:disabled {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+.wp-block-file .wp-block-file__button:disabled {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+.wp-block-search .wp-block-search__button:disabled {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+/**
+ * Repsonsive Styles
+ */
+/**
+ * Required Variables
+ */
+/**
+ * Root Media Query Variables
+ */
+
+/**
+ * Extends
+ */
+.default-max-width {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+@media only screen and (min-width: 482px){
+ .default-max-width{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .default-max-width{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+.wide-max-width {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .wide-max-width{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wide-max-width{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .full-max-width {
+ max-width: 100%;
+ width: auto;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+blockquote {
+ margin: 0;
+ padding: 0;
+}
+
+blockquote p {
+ font-size: 1.5rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+blockquote cite {
+ color: #28303d;
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote footer {
+ color: #28303d;
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+blockquote > *:first-child {
+ margin-top: 0;
+}
+
+blockquote > *:last-child {
+ margin-bottom: 0;
+}
+
+blockquote.alignleft, blockquote.alignright {
+ padding-left: inherit;
+}
+
+blockquote.alignleft p {
+ font-size: 1.125rem;
+ max-width: inherit;
+ width: inherit;
+}
+
+blockquote.alignright p {
+ font-size: 1.125rem;
+ max-width: inherit;
+ width: inherit;
+}
+
+blockquote.alignleft cite {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote.alignleft footer {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote.alignright cite {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote.alignright footer {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+img {
+ display: block;
+ height: auto;
+ max-width: 100%;
+}
+
+/* Classic editor images */
+.entry-content img {
+ max-width: 100%;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+embed,
+iframe,
+object,
+video {
+ max-width: 100%;
+}
+
+/* Media captions */
+figcaption {
+ color: currentColor;
+ font-size: 1rem;
+ line-height: 1.7;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+.wp-caption {
+ color: currentColor;
+ font-size: 1rem;
+ line-height: 1.7;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+.wp-caption-text {
+ color: currentColor;
+ font-size: 1rem;
+ line-height: 1.7;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+
+.alignleft figcaption,
+.alignright figcaption, .alignleft
+.wp-caption,
+.alignright
+.wp-caption, .alignleft
+.wp-caption-text,
+.alignright
+.wp-caption-text {
+ margin-bottom: 0;
+}
+
+/* WP Smiley */
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
+
+select {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ font-size: 1.125rem;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ padding: 10px 30px 10px 10px;
+ /* stylelint-disable */
+ background: #fff url("data:image/svg+xml;utf8,") no-repeat;
+ /* stylelint-enable */
+ background-position: right 10px top 60%;
+}
+
+/*
+ * text-underline-offset doesn't work in Chrome at all 👎
+ * But looks nice in Safari/Firefox, so let's keep it and
+ * maybe Chrome will support it soon.
+ */
+a {
+ cursor: pointer;
+ color: #28303d;
+ text-underline-offset: 3px;
+ text-decoration-skip-ink: all;
+}
+
+a:hover {
+ text-decoration-style: dotted;
+ text-decoration-skip-ink: none;
+}
+
+.site a:focus {
+ outline: 2px solid #28303d;
+ text-decoration: none;
+}
+
+.site a:focus.skip-link {
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a {
+ color: #28303d;
+}
+
+.has-background:not(.has-background-background-color).has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-button__link.is-style-outline {
+ color: #39414d;
+ background: transparent;
+ border: 3px solid currentColor;
+}
+
+.is-style-outline .wp-block-button__link {
+ color: #39414d;
+ background: transparent;
+ border: 3px solid currentColor;
+}
+
+.wp-block-button__link.is-style-outline:visited {
+ color: #39414d;
+}
+
+.is-style-outline .wp-block-button__link:visited {
+ color: #39414d;
+}
+
+.wp-block-button__link.is-style-outline:active {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.wp-block-button__link.is-style-outline:hover {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.is-style-outline .wp-block-button__link:active {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.is-style-outline .wp-block-button__link:hover {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.wp-block-button__link.is-style-outline:focus, .wp-block-button__link.is-style-outline.has-focus,
+.is-style-outline .wp-block-button__link:focus,
+.is-style-outline .wp-block-button__link.has-focus {
+ outline-offset: -7px;
+ background: transparent;
+}
+
+.wp-block-button__link.is-style-squared,
+.is-style-squared .wp-block-button__link {
+ border-radius: 0;
+}
+
+.is-selected.is-style-outline .wp-block-button__link:hover {
+ background-color: transparent;
+ color: #39414d;
+}
+
+.is-style-outline .wp-block-button__link[style*="radius"],
+.wp-block-button__link[style*="radius"] {
+ outline-offset: 2px;
+}
+
+.wp-block-code code {
+ font-size: 1rem;
+}
+
+.wp-block-code {
+ border-color: #28303d;
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0.1rem;
+ padding: 20px;
+}
+
+.wp-block-cover {
+ background-color: #000;
+ min-height: 450px;
+ margin-top: inherit;
+ margin-bottom: inherit;
+}
+
+.wp-block-cover-image {
+ background-color: #000;
+ min-height: 450px;
+ margin-top: inherit;
+ margin-bottom: inherit;
+}
+
+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover .block-editor-block-list__block,
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image .block-editor-block-list__block {
+ color: currentColor;
+}
+
+.wp-block-cover .wp-block-cover__inner-container a,
+.wp-block-cover .wp-block-cover-image-text a,
+.wp-block-cover .wp-block-cover-text a,
+.wp-block-cover .block-editor-block-list__block a,
+.wp-block-cover-image .wp-block-cover__inner-container a,
+.wp-block-cover-image .wp-block-cover-image-text a,
+.wp-block-cover-image .wp-block-cover-text a,
+.wp-block-cover-image .block-editor-block-list__block a {
+ color: currentColor;
+}
+
+.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-image-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover .block-editor-block-list__block .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover-image .block-editor-block-list__block .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
+ color: #fff;
+}
+
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
+ color: #fff;
+}
+
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
+ color: #fff;
+}
+
+.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block {
+ color: #fff;
+}
+
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
+ color: #fff;
+}
+
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
+ color: #fff;
+}
+
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
+ color: #fff;
+}
+
+.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
+ color: #fff;
+}
+
+.wp-block-cover h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+ padding: 0;
+ max-width: inherit;
+ text-align: inherit;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover h2{
+ font-size: 3rem;
+ }
+}
+
+.wp-block-cover-image h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+ padding: 0;
+ max-width: inherit;
+ text-align: inherit;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover-image h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover-image h2{
+ font-size: 3rem;
+ }
+}
+
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+ text-align: left;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+ text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+ text-align: right;
+}
+
+.wp-block-cover.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+}
+
+.wp-block-cover-image.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+}
+
+.wp-block-columns .wp-block,
+.wp-block-columns .wp-block-column {
+ max-width: inherit;
+}
+
+@media only screen and (min-width: 652px) {
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
+ margin-left: -50px;
+ margin-top: 63px;
+ z-index: 2;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+ padding-left: 50px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
+ padding-left: 50px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
+ margin-top: 0;
+ }
+}
+
+.wp-block[data-align="full"] p:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block[data-align="full"] h1:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block[data-align="full"] h2:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block[data-align="full"] h3:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block[data-align="full"] h4:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block[data-align="full"] h5:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block[data-align="full"] h6:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-file .wp-block-file__textlink {
+ text-decoration: underline;
+ text-decoration-style: solid;
+ text-decoration-thickness: 1px;
+}
+
+.wp-block-file .wp-block-file__textlink:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+}
+
+.wp-block-file .wp-block-file__button {
+ display: inline-block;
+}
+
+.wp-block-gallery figcaption {
+ margin-bottom: 0;
+}
+
+.wp-block-group {
+ display: block;
+ clear: both;
+ display: flow-root;
+}
+
+.wp-block-group:before, .wp-block-group:after {
+ content: "";
+ display: block;
+ clear: both;
+}
+
+.wp-block-group.has-background {
+ padding: 30px;
+}
+
+.wp-block-group.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+ padding: 30px;
+}
+
+.wp-block-group .wp-block-group__inner-container *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
+ margin: 0;
+ width: 100%;
+}
+
+.wp-block-heading h1 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h1 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h1 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.wp-block-heading h2 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h2 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h2 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.wp-block-heading h3 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h3 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h3 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.wp-block-heading h4 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h4 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h4 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.wp-block-heading h5 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h5 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h5 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.wp-block-heading h6 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h6 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h6 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.wp-block-heading h1 strong {
+ font-weight: 600;
+}
+
+h1 strong {
+ font-weight: 600;
+}
+
+.h1 strong {
+ font-weight: 600;
+}
+
+.wp-block-heading h2 strong {
+ font-weight: 600;
+}
+
+h2 strong {
+ font-weight: 600;
+}
+
+.h2 strong {
+ font-weight: 600;
+}
+
+.wp-block-heading h3 strong {
+ font-weight: 600;
+}
+
+h3 strong {
+ font-weight: 600;
+}
+
+.h3 strong {
+ font-weight: 600;
+}
+
+.wp-block-heading h4 strong {
+ font-weight: 600;
+}
+
+h4 strong {
+ font-weight: 600;
+}
+
+.h4 strong {
+ font-weight: 600;
+}
+
+.wp-block-heading h5 strong {
+ font-weight: 600;
+}
+
+h5 strong {
+ font-weight: 600;
+}
+
+.h5 strong {
+ font-weight: 600;
+}
+
+.wp-block-heading h6 strong {
+ font-weight: 600;
+}
+
+h6 strong {
+ font-weight: 600;
+}
+
+.h6 strong {
+ font-weight: 600;
+}
+
+.wp-block-heading h1[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+h1[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.h1[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.wp-block-heading h2[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+h2[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.h2[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.wp-block-heading h3[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+h3[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.h3[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.wp-block-heading h4[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+h4[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.h4[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.wp-block-heading h5[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+h5[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.h5[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.wp-block-heading h6[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+h6[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.h6[style*="--wp--typography--line-height"] {
+ line-height: --global--line-height-body;
+}
+
+.wp-block-heading h1 {
+ font-size: 4rem;
+ letter-spacing: normal;
+ line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-heading h1{
+ font-size: 6rem;
+ }
+}
+
+h1 {
+ font-size: 4rem;
+ letter-spacing: normal;
+ line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px){
+ h1{
+ font-size: 6rem;
+ }
+}
+
+.h1 {
+ font-size: 4rem;
+ letter-spacing: normal;
+ line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px){
+ .h1{
+ font-size: 6rem;
+ }
+}
+
+.wp-block-heading h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-heading h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-heading h2{
+ font-size: 3rem;
+ }
+}
+
+h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ h2{
+ font-size: 3rem;
+ }
+}
+
+.h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ .h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .h2{
+ font-size: 3rem;
+ }
+}
+
+.wp-block-heading h3 {
+ font-size: 2rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-heading h3{
+ font-size: 2rem;
+ }
+}
+
+h3 {
+ font-size: 2rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ h3{
+ font-size: 2rem;
+ }
+}
+
+.h3 {
+ font-size: 2rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ .h3{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-heading h4 {
+ font-size: 1.5rem;
+ font-weight: 600;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+h4 {
+ font-size: 1.5rem;
+ font-weight: 600;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+.h4 {
+ font-size: 1.5rem;
+ font-weight: 600;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+.wp-block-heading h5 {
+ font-size: 1.125rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+h5 {
+ font-size: 1.125rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+.h5 {
+ font-size: 1.125rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+.wp-block-heading h6 {
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+h6 {
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+.h6 {
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+/* Center image block by default in the editor */
+.wp-block-image > div {
+ text-align: center;
+}
+
+[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
+ margin: 0 auto;
+}
+
+/* Block Styles */
+.wp-block-image.is-style-twentytwentyone-border img {
+ border: 3px solid #28303d;
+}
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ border: 3px solid #28303d;
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ padding: 20px;
+}
+
+.wp-block-latest-comments {
+ margin-left: 0;
+}
+
+.wp-block-latest-posts {
+ padding-left: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li {
+ margin-top: 50px;
+ margin-bottom: 50px;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:first-child {
+ margin-top: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts.is-grid > li {
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-grid > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > * {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.wp-block-latest-posts > li > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-latest-posts > li > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > a {
+ display: inline-block;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 2rem;
+ font-weight: normal;
+ line-height: 1.3;
+ margin-bottom: 10px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-latest-posts > li > a{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-author {
+ color: #28303d;
+ font-size: 1.25rem;
+ line-height: 1.7;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-date {
+ color: #28303d;
+ font-size: 1rem;
+ line-height: 1.7;
+}
+
+[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
+.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
+ color: currentColor;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
+ border-top: 3px solid #28303d;
+ border-bottom: 3px solid #28303d;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
+ padding-bottom: 30px;
+ border-bottom: 1px solid #28303d;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
+ padding-bottom: 30px;
+ border-bottom: 1px solid #28303d;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
+ box-shadow: inset 0 -1px 0 0 #28303d;
+ border-bottom: 2px solid #28303d;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
+ margin: 0;
+ padding-top: 30px;
+ padding-right: 25px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
+ padding-bottom: 30px;
+}
+
+@media screen and (min-width: 600px) {
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
+ width: 50%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
+ width: 33%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
+ width: 25%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
+ width: 20%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
+ width: 17%;
+ }
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
+ border: 3px solid #28303d;
+ padding: 30px 25px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
+ padding-bottom: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
+ margin-top: 25px;
+ margin-bottom: 25px;
+}
+
+.gallery-item {
+ display: inline-block;
+ text-align: center;
+ vertical-align: top;
+ width: 100%;
+}
+
+.gallery-columns-2 .gallery-item {
+ max-width: 50%;
+}
+
+.gallery-columns-3 .gallery-item {
+ max-width: 33.33%;
+}
+
+.gallery-columns-4 .gallery-item {
+ max-width: 25%;
+}
+
+.gallery-columns-5 .gallery-item {
+ max-width: 20%;
+}
+
+.gallery-columns-6 .gallery-item {
+ max-width: 16.66%;
+}
+
+.gallery-columns-7 .gallery-item {
+ max-width: 14.28%;
+}
+
+.gallery-columns-8 .gallery-item {
+ max-width: 12.5%;
+}
+
+.gallery-columns-9 .gallery-item {
+ max-width: 11.11%;
+}
+
+.gallery-caption {
+ display: block;
+}
+
+ul {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ margin: 30px 0;
+ padding-left: 50px;
+}
+
+ol {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ margin: 30px 0;
+ padding-left: 50px;
+}
+
+ul.aligncenter,
+ol.aligncenter {
+ list-style-position: inside;
+ padding: 0;
+ text-align: center;
+}
+
+ul.alignright,
+ol.alignright {
+ list-style-position: inside;
+ padding: 0;
+ text-align: right;
+}
+
+li > ul,
+li > ol {
+ margin: 0;
+}
+
+dt {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: bold;
+}
+
+.wp-block-media-text .block-editor-inner-blocks {
+ padding-right: 25px;
+ padding-left: 25px;
+}
+
+.wp-block-media-text.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+}
+
+.wp-block-navigation .wp-block-navigation__container {
+ background: #d1e4dd;
+ padding: 0;
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
+ padding: 13px;
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ font-weight: normal;
+}
+
+.wp-block-navigation .has-child .wp-block-navigation__container {
+ box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
+ color: #28303d;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
+ color: #28303d;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
+ color: currentColor;
+}
+
+p {
+ line-height: --global--line-height-body;
+}
+
+p.has-background {
+ padding: 20px;
+}
+
+.wp-block-pullquote {
+ padding: 40px 0;
+ margin-left: 0;
+ margin-right: 0;
+ text-align: center;
+ border-width: 3px;
+ border-bottom-style: solid;
+ border-top-style: solid;
+ color: currentColor;
+ border-color: currentColor;
+ position: relative;
+}
+
+.wp-block-pullquote blockquote::before {
+ color: currentColor;
+ content: "\201C";
+ display: block;
+ font-size: 3rem;
+ font-weight: 500;
+ line-height: 1;
+}
+
+.wp-block-pullquote p {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 2rem;
+ font-style: normal;
+ font-weight: 700;
+ letter-spacing: normal;
+ line-height: 1.3;
+ margin: 0;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-pullquote p{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-pullquote a {
+ color: currentColor;
+}
+
+.wp-block-pullquote .wp-block-pullquote__citation {
+ font-size: 1rem;
+ font-style: normal;
+ text-transform: none;
+}
+
+.wp-block-pullquote cite {
+ font-size: 1rem;
+ font-style: normal;
+ text-transform: none;
+}
+
+.wp-block-pullquote footer {
+ font-size: 1rem;
+ font-style: normal;
+ text-transform: none;
+}
+
+.wp-block-pullquote:not(.is-style-solid-color) {
+ background: none;
+}
+
+.wp-block-pullquote.is-style-solid-color {
+ padding: 50px;
+ border-width: 3px;
+ border-style: solid;
+ border-color: #28303d;
+}
+
+@media (min-width: 600px) {
+ .wp-block-pullquote.is-style-solid-color {
+ padding: 100px;
+ }
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote::before {
+ text-align: left;
+}
+
+.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
+ padding-left: 20px;
+ padding-right: 20px;
+ max-width: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color.alignright blockquote {
+ padding-left: 20px;
+ padding-right: 20px;
+ max-width: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote {
+ margin: 0;
+ max-width: 100%;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote p {
+ font-size: 2rem;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-pullquote.is-style-solid-color blockquote p{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
+.wp-block-pullquote.is-style-solid-color cite,
+.wp-block-pullquote.is-style-solid-color footer {
+ color: currentColor;
+}
+
+.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
+ padding: 0 40px;
+}
+
+.wp-block-quote {
+ position: relative;
+ border-left: none;
+ margin: 30px auto 30px 25px;
+}
+
+.wp-block-quote p {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 1.7;
+}
+
+.wp-block-quote strong {
+ font-weight: normal;
+}
+
+.wp-block-quote:before {
+ content: "\201C";
+ font-size: 1.25rem;
+ line-height: 1.7;
+ position: absolute;
+ left: -12px;
+}
+
+.wp-block-quote .wp-block-quote__citation {
+ color: #28303d;
+ font-size: 1rem;
+ font-style: normal;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
+ color: currentColor;
+}
+
+.wp-block-quote.has-text-align-right {
+ margin: 30px 25px 30px auto;
+ padding-right: 0;
+ border-right: none;
+}
+
+.wp-block-quote.has-text-align-right:before {
+ content: "\201D";
+ left: initial;
+ right: -12px;
+}
+
+.wp-block-quote.has-text-align-center {
+ margin: 30px auto;
+}
+
+.wp-block-quote.has-text-align-center:before {
+ display: none;
+}
+
+.wp-block-quote.is-large {
+ padding-left: 0;
+ /* Resetting margins to match _block-container.scss */
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-quote.is-style-large {
+ padding-left: 0;
+ /* Resetting margins to match _block-container.scss */
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-quote.is-large p {
+ font-size: 2.25rem;
+ font-style: normal;
+ line-height: 1.35;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-large p{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-style-large p {
+ font-size: 2.25rem;
+ font-style: normal;
+ line-height: 1.35;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-style-large p{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-large:before {
+ font-size: 2.25rem;
+ line-height: 1.35;
+ left: -25px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-large:before{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-style-large:before {
+ font-size: 2.25rem;
+ line-height: 1.35;
+ left: -25px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-style-large:before{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-large.has-text-align-right:before {
+ left: initial;
+ right: -25px;
+}
+
+.wp-block-quote.is-style-large.has-text-align-right:before {
+ left: initial;
+ right: -25px;
+}
+
+@media only screen and (max-width: 481px) {
+ .wp-block-quote.is-large {
+ padding-left: 25px;
+ }
+ .wp-block-quote.is-style-large {
+ padding-left: 25px;
+ }
+ .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+ left: 0;
+ }
+ .wp-block-quote.is-large.has-text-align-right {
+ padding-left: 0;
+ padding-right: 25px;
+ }
+ .wp-block-quote.is-style-large.has-text-align-right {
+ padding-left: 0;
+ padding-right: 25px;
+ }
+ .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+ right: 0;
+ }
+}
+
+@media only screen and (max-width: 481px) {
+ .wp-block-quote {
+ padding-left: 13px;
+ }
+ .wp-block-quote:before {
+ left: 0;
+ }
+ .wp-block-quote.has-text-align-right {
+ padding-left: 0;
+ padding-right: 13px;
+ }
+ .wp-block-quote.has-text-align-right:before {
+ right: 0;
+ }
+ .wp-block-quote.has-text-align-center {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-quote {
+ margin-left: auto;
+ }
+ .wp-block-quote.has-text-align-right {
+ margin-right: auto;
+ }
+}
+
+.wp-block-rss {
+ padding-left: 0;
+}
+
+.wp-block-rss > li {
+ list-style: none;
+}
+
+.wp-block-rss:not(.is-grid) > li {
+ margin-top: 50px;
+ margin-bottom: 50px;
+}
+
+.wp-block-rss:not(.is-grid) > li:first-child {
+ margin-top: 0;
+}
+
+.wp-block-rss:not(.is-grid) > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss.is-grid > li {
+ margin-bottom: 30px;
+}
+
+.wp-block-rss.is-grid > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+ margin-bottom: 0;
+}
+
+.wp-block-rss > li > * {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.wp-block-rss > li > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-rss > li > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss .wp-block-rss__item-title > a {
+ display: inline-block;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 2rem;
+ font-weight: normal;
+ line-height: 1.3;
+ margin-bottom: 10px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-rss .wp-block-rss__item-title > a{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-rss .wp-block-rss__item-author {
+ color: #28303d;
+ font-size: 1.25rem;
+ line-height: 1.7;
+}
+
+.wp-block-rss .wp-block-rss__item-publish-date {
+ color: #28303d;
+ font-size: 1rem;
+ line-height: 1.7;
+}
+
+[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
+.has-background .wp-block-rss .wp-block-rss__item-publish-date {
+ color: currentColor;
+}
+
+.wp-block-rss .wp-block-rss__item-excerpt {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-rss .wp-block-rss__item-full-content {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-rss.alignfull {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
+.entry-content .has-background .wp-block-rss.alignfull {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.wp-block-search {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .wp-block-search{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wp-block-search{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+.wp-block-search .wp-block-search__label {
+ font-size: 1.125rem;
+ font-weight: 500;
+ margin-bottom: 10px;
+}
+
+.wp-block-search .wp-block-search__input {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ max-width: inherit;
+ margin-right: -3px;
+ padding: 10px;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+ border-color: #39414d;
+}
+
+.wp-block-search .wp-block-search__button {
+ box-shadow: none;
+ margin-left: 0;
+ background-color: transparent;
+ color: #39414d;
+}
+
+.wp-block-search .wp-block-search__button:hover {
+ background-color: #39414d;
+ color: #d1e4dd;
+}
+
+.wp-block-separator {
+ border-bottom: 1px solid #28303d;
+ clear: both;
+ opacity: 1;
+}
+
+hr {
+ border-bottom: 1px solid #28303d;
+ clear: both;
+ opacity: 1;
+}
+
+.wp-block-separator[style*="text-align:right"] {
+ border-right-color: #28303d;
+}
+
+.wp-block-separator[style*="text-align: right"] {
+ border-right-color: #28303d;
+}
+
+hr[style*="text-align:right"] {
+ border-right-color: #28303d;
+}
+
+hr[style*="text-align: right"] {
+ border-right-color: #28303d;
+}
+
+.wp-block-separator:not(.is-style-dots),
+hr:not(.is-style-dots) {
+ max-width: inherit;
+}
+
+.wp-block-separator.is-style-twentytwentyone-separator-thick {
+ border-bottom-width: 3px;
+}
+
+hr.is-style-twentytwentyone-separator-thick {
+ border-bottom-width: 3px;
+}
+
+.wp-block-separator.is-style-dots,
+hr.is-style-dots {
+ border-bottom: none;
+}
+
+.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
+hr.is-style-dots.has-background,
+hr.is-style-dots.has-text-color {
+ background-color: transparent !important;
+}
+
+.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
+hr.is-style-dots.has-background:before,
+hr.is-style-dots.has-text-color:before {
+ color: currentColor !important;
+}
+
+.wp-block-separator.is-style-dots:before {
+ color: #28303d;
+}
+
+hr.is-style-dots:before {
+ color: #28303d;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-separator,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
+[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
+hr,
+[class*="background-color"]:not(.has-background-background-color)
+hr,
+[style*="background-color"]:not(.has-background-background-color)
+hr,
+.wp-block-cover[style*="background-image"]
+hr {
+ border-color: currentColor;
+}
+
+.wp-block-social-links li.wp-block-social-link:first-child {
+ margin-top: auto;
+}
+
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
+ color: #28303d;
+}
+
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
+ background: none;
+}
+
+table th {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.wp-block-table th {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+table td {
+ padding: 10px;
+}
+
+table th {
+ padding: 10px;
+}
+
+.wp-block-table td {
+ padding: 10px;
+}
+
+.wp-block-table th {
+ padding: 10px;
+}
+
+table.is-style-regular .has-background {
+ color: #28303d;
+}
+
+table.is-style-stripes .has-background thead tr {
+ color: #28303d;
+}
+
+table.is-style-stripes .has-background tfoot tr {
+ color: #28303d;
+}
+
+table.is-style-stripes .has-background tbody tr:nth-child(even) {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-regular .has-background {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background thead tr {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background tfoot tr {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
+ color: #28303d;
+}
+
+table.is-style-stripes {
+ border-color: #f0f0f0;
+}
+
+.wp-block-table.is-style-stripes {
+ border-color: #f0f0f0;
+}
+
+table.is-style-stripes th,
+table.is-style-stripes td,
+.wp-block-table.is-style-stripes th,
+.wp-block-table.is-style-stripes td {
+ border-width: 0;
+}
+
+table.is-style-stripes tbody tr:nth-child(odd) {
+ background-color: #f0f0f0;
+}
+
+.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
+ background-color: #f0f0f0;
+}
+
+table.wp-calendar-table td,
+table.wp-calendar-table th {
+ background: transparent;
+ border: 0;
+ text-align: center;
+ line-height: 2;
+ vertical-align: middle;
+}
+
+table.wp-calendar-table th {
+ font-weight: bold;
+}
+
+table.wp-calendar-table thead {
+ border: 1px solid #28303d;
+}
+
+table.wp-calendar-table tbody {
+ border: 1px solid #28303d;
+}
+
+table.wp-calendar-table caption {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: 20px;
+}
+
+.wp-calendar-nav {
+ text-align: left;
+ margin-top: 10px;
+}
+
+.wp-calendar-nav svg {
+ height: 1em;
+ vertical-align: middle;
+}
+
+.wp-calendar-nav svg path {
+ fill: currentColor;
+}
+
+.wp-calendar-nav .wp-calendar-nav-next {
+ float: right;
+}
+
+pre.wp-block-verse {
+ padding: 0;
+}
+
+:root .is-extra-small-text {
+ font-size: 1rem;
+}
+
+:root .has-extra-small-font-size {
+ font-size: 1rem;
+}
+
+:root .is-small-text {
+ font-size: 1.125rem;
+}
+
+:root .has-small-font-size {
+ font-size: 1.125rem;
+}
+
+:root .is-regular-text {
+ font-size: 1.25rem;
+}
+
+:root .has-regular-font-size {
+ font-size: 1.25rem;
+}
+
+:root .is-normal-font-size {
+ font-size: 1.25rem;
+}
+
+:root .has-normal-font-size {
+ font-size: 1.25rem;
+}
+
+:root .has-medium-font-size {
+ font-size: 1.25rem;
+}
+
+:root .is-large-text {
+ font-size: 1.5rem;
+ line-height: 1.3;
+}
+
+:root .has-large-font-size {
+ font-size: 1.5rem;
+ line-height: 1.3;
+}
+
+:root .is-larger-text {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-larger-text{
+ font-size: 2.5rem;
+ }
+}
+
+:root .has-larger-font-size {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-larger-font-size{
+ font-size: 2.5rem;
+ }
+}
+
+:root .is-extra-large-text {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-extra-large-text{
+ font-size: 2.5rem;
+ }
+}
+
+:root .has-extra-large-font-size {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-extra-large-font-size{
+ font-size: 2.5rem;
+ }
+}
+
+:root .is-huge-text {
+ font-size: 6rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-huge-text{
+ font-size: 6rem;
+ }
+}
+
+:root .has-huge-font-size {
+ font-size: 6rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-huge-font-size{
+ font-size: 6rem;
+ }
+}
+
+:root .is-gigantic-text {
+ font-size: 9rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-gigantic-text{
+ font-size: 9rem;
+ }
+}
+
+:root .has-gigantic-font-size {
+ font-size: 9rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-gigantic-font-size{
+ font-size: 9rem;
+ }
+}
+
+/**
+* Editor Post Title
+* - Needs a special styles
+*/
+.wp-block.editor-post-title__block {
+ border-bottom: 3px solid #28303d;
+ padding-bottom: 60px;
+ margin-bottom: 90px;
+ max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px){
+ .wp-block.editor-post-title__block{
+ max-width: calc(100vw - 100px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .wp-block.editor-post-title__block{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.wp-block.editor-post-title__block .editor-post-title__input {
+ color: #39414d;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 4rem;
+ font-weight: 300;
+ line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block.editor-post-title__block .editor-post-title__input{
+ font-size: 6rem;
+ }
+}
+
+.wp-block.block-editor-default-block-appender > textarea {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+}
+
+.has-primary-color[class] {
+ color: #28303d;
+}
+
+.has-secondary-color[class] {
+ color: #39414d;
+}
+
+.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
+.has-background p,
+.has-background h1,
+.has-background h2,
+.has-background h3,
+.has-background h4,
+.has-background h5,
+.has-background h6 {
+ color: currentColor;
+}
+
+.has-primary-background-color[class] {
+ background-color: #28303d;
+ color: #d1e4dd;
+}
+
+.has-secondary-background-color[class] {
+ background-color: #39414d;
+ color: #d1e4dd;
+}
+
+.has-white-background-color[class] {
+ background-color: #fff;
+ color: #39414d;
+}
+
+.has-black-background-color[class] {
+ background-color: #000;
+ color: #28303d;
+}
+
+/**
+ * Spacing Overrides
+ */
+[data-block] {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+[data-block] [data-block]:first-child {
+ margin-top: 0;
+}
+
+[data-block] [data-block]:nth-last-child(2) {
+ margin-bottom: 0;
+}
+
+/* Block Alignments */
+.wp-block {
+ max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px){
+ .wp-block{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .wp-block{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+.wp-block[data-align="wide"] {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .wp-block[data-align="wide"]{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wp-block[data-align="wide"]{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.wp-block.alignwide {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .wp-block.alignwide{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wp-block.alignwide{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.wp-block[data-align="full"], .wp-block.alignfull {
+ max-width: none;
+}
+
+.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.alignleft {
+ margin: 0;
+ margin-right: 25px;
+}
+
+.alignright {
+ margin: 0;
+ margin-left: 25px;
+}
+
+.has-drop-cap:not(:focus)::first-letter {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+ line-height: 0.66;
+ text-transform: uppercase;
+ font-style: normal;
+ float: left;
+ margin: 0.1em 0.1em 0 0;
+ font-size: 5rem;
+}
+
+@media only screen and (min-width: 652px){
+ .has-drop-cap:not(:focus)::first-letter{
+ font-size: 7rem;
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block[data-align="left"] > * {
+ max-width: 290px;
+ margin-right: 25px;
+ }
+ .wp-block[data-align="right"] > * {
+ max-width: 290px;
+ margin-left: 25px;
+ }
+}
+
+html {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ line-height: 1.7;
+}
+
+body {
+ color: #28303d;
+ background-color: #d1e4dd;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ font-weight: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+
+.wp-block a {
+ color: #28303d;
+}
+
+.wp-block a:hover {
+ text-decoration-style: dotted;
+}
+
+.wp-block a:focus {
+ outline: 2px solid #28303d;
+ text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a {
+ color: #28303d;
+}
+
+.has-background:not(.has-background-background-color).has-link-color a {
+ color: #28303d;
+}
+
+button,
+a {
+ cursor: pointer;
+}
+
+.has-black-color[class] {
+ color: #000;
+}
+
+.has-gray-color[class] {
+ color: #39414d;
+}
+
+.has-dark-gray-color[class] {
+ color: #28303d;
+}
+
+.has-green-color[class] {
+ color: #d1e4dd;
+}
+
+.has-blue-color[class] {
+ color: #d1dfe4;
+}
+
+.has-purple-color[class] {
+ color: #d1d1e4;
+}
+
+.has-red-color[class] {
+ color: #e4d1d1;
+}
+
+.has-orange-color[class] {
+ color: #e4dad1;
+}
+
+.has-yellow-color[class] {
+ color: #eeeadd;
+}
+
+.has-white-color[class] {
+ color: #fff;
+}
+
+.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
+.has-background p,
+.has-background h1,
+.has-background h2,
+.has-background h3,
+.has-background h4,
+.has-background h5,
+.has-background h6 {
+ color: currentColor;
+}
+
+.has-black-background-color[class] {
+ background-color: #000;
+}
+
+.has-gray-background-color[class] {
+ background-color: #39414d;
+}
+
+.has-dark-gray-background-color[class] {
+ background-color: #28303d;
+}
+
+.has-green-background-color[class] {
+ background-color: #d1e4dd;
+}
+
+.has-blue-background-color[class] {
+ background-color: #d1dfe4;
+}
+
+.has-purple-background-color[class] {
+ background-color: #d1d1e4;
+}
+
+.has-red-background-color[class] {
+ background-color: #e4d1d1;
+}
+
+.has-orange-background-color[class] {
+ background-color: #e4dad1;
+}
+
+.has-yellow-background-color[class] {
+ background-color: #eeeadd;
+}
+
+.has-white-background-color[class] {
+ background-color: #fff;
+}
+
+:not(.has-text-color).has-black-background-color[class] {
+ color: #fff;
+}
+
+:not(.has-text-color).has-gray-background-color[class] {
+ color: #fff;
+}
+
+:not(.has-text-color).has-dark-gray-background-color[class] {
+ color: #fff;
+}
+
+:not(.has-text-color).has-green-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-blue-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-purple-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-red-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-orange-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-yellow-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-white-background-color[class] {
+ color: #28303d;
+}
+
+.has-purple-to-yellow-gradient-background {
+ background: linear-gradient(160deg, #d1d1e4, #eeeadd);
+}
+
+.has-yellow-to-purple-gradient-background {
+ background: linear-gradient(160deg, #eeeadd, #d1d1e4);
+}
+
+.has-green-to-yellow-gradient-background {
+ background: linear-gradient(160deg, #d1e4dd, #eeeadd);
+}
+
+.has-yellow-to-green-gradient-background {
+ background: linear-gradient(160deg, #eeeadd, #d1e4dd);
+}
+
+.has-red-to-yellow-gradient-background {
+ background: linear-gradient(160deg, #e4d1d1, #eeeadd);
+}
+
+.has-yellow-to-red-gradient-background {
+ background: linear-gradient(160deg, #eeeadd, #e4d1d1);
+}
+
+.has-purple-to-red-gradient-background {
+ background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
+}
+
+.has-red-to-purple-gradient-background {
+ background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
+}
+/*# sourceMappingURL=ie-editor.css.map */
\ No newline at end of file
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie.css b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
new file mode 100644
index 0000000000..69188ae3d7
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
@@ -0,0 +1,6737 @@
+@charset "UTF-8";
+/*
+Theme Name: Twenty Twenty-One
+Theme URI: https://wordpress.org/themes/twentytwentyone/
+Author: the WordPress team
+Author URI: https://wordpress.org/
+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: 5.5
+Requires PHP: 5.6
+Version: 1.0.0
+License: GNU General Public License v2 or later
+License URI: LICENSE
+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.
+*/
+/**
+ * SETTINGS
+ * File-header..........The file header for the themes style.css file.
+ * Fonts................Any font files, if the project needs specific fonts.
+ * Global...............Project-specific, globally available variables.
+ *
+ * TOOLS
+ * Extends..............Global extends.
+ * Functions............Global functions.
+ * Mixins...............Global mixins.
+ *
+ * GENERIC
+ * Normalize.css........Normalise browser defaults.
+ * Breakpoints..........Mixins and variables for responsive styles
+ * Vertical-margins.....Vertical spacing for the main components.
+ * Reset................Reset specific elements to make them easier to style in other contexts.
+ * Clearings............Clearnings for the main components.
+ *
+ * ELEMENTS
+ * Blockquote...........Default blockquote.
+ * Forms................Element-level form styling.
+ * Headings.............H1–H6
+ * Links................Default links.
+ * Lists................Default lists.
+ * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
+ *
+ * BLOCKS
+ * Audio................Specific styles for the audio block.
+ * Button...............Specific styles for the button block.
+ * Code.................Specific styles for the code block.
+ * Collumns.............Specific styles for the collumns block.
+ * Cover................Specific styles for the cover block.
+ * File.................Specific styles for the file block.
+ * Gallery..............Specific styles for the gallery block.
+ * Group................Specific styles for the group block.
+ * Heading..............Specific styles for the heading block.
+ * Image................Specific styles for the image block.
+ * Latest comments......Specific styles for the latest comments block.
+ * Latest posts.........Specific styles for the latest posts block.
+ * Legacy...............Specific styles for the legacy gallery.
+ * List.................Specific styles for the list block.
+ * Meda text............Specific styles for the media and text block.
+ * Navigation...........Specific styles for the navigation block.
+ * Paragraph............Specific styles for the paragraph block.
+ * Pullquote............Specific styles for the pullquote block.
+ * Quote................Specific styles for the quote block.
+ * Search...............Specific styles for the search block.
+ * Separator............Specific styles for the separator block.
+ * Spacer...............Specific styles for the spacer block.
+ * Table................Specific styles for the table block.
+ * Verse................Specific styles for the verse block.
+ * Video................Specific styles for the video block.
+ * Utilities............Block alignments.
+ *
+ * COMPONENTS
+ * Header...............Header styles.
+ * Footer...............Footer styles.
+ * Comments.............Comment styles.
+ * Archives.............Archive styles.
+ * 404..................404 styles.
+ * Search...............Search styles.
+ * Navigation...........Navigation styles.
+ * Footer Navigation....Footer Navigation styles.
+ * Pagination...........Pagination styles.
+ * Single...............Single page and post styles.
+ * Posts and pages......Misc, sticky post styles.
+ * Entry................Entry, author biography.
+ * Widget...............Widget styles.
+ * Editor...............Editor styles.
+ *
+ * UTILITIES
+ * A11y.................Screen reader text, prefers reduced motion etc.
+ * Color Palette........Classes for the color palette colors.
+ * Editor Font Sizes....Editor Font Sizes.
+ * Measure..............The width of a line of text, in characters.
+ */
+/* Categories 01 to 03 are the basics. */
+/* Variables */
+:root {
+ /* Font Family */
+ /* Font Size */
+ /* Line Height */
+ /* Headings */
+ /* Block: Latest posts */
+ /* Colors */
+ /* white 50% opacity used in form fields.*/
+ /* Body text color, site title, footer text color. */
+ /* Headings */
+ /* Mint, default body background */
+ /* Used for borders (separators) */
+ /* Spacing */
+ /* Elevation */
+ /* Forms */
+ /* Cover block */
+ /* Buttons */
+ /* entry */
+ /* Header */
+ /* Main navigation */
+ /* Pagination */
+ /* Footer */
+ /* Block: Pull quote */
+ /* Block: Table */
+ /* Widgets */
+}
+
+/* OS dark theme preference */
+@media (prefers-color-scheme: dark) {
+ html.has-default-light-palette-background body {
+ background-color: #28303d;
+ }
+ @media (prefers-color-scheme: dark){
+ html.has-default-light-palette-background body{
+ background-color: #28303d;
+ }
+ }
+}
+
+/* Button extends */
+.site .button {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+input[type="submit"] {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+input[type="reset"] {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+.wp-block-search__button {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+.wp-block-button .wp-block-button__link {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+.wp-block-file .wp-block-file__button {
+ line-height: 1.5;
+ color: #d1e4dd;
+ cursor: pointer;
+ font-weight: 500;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ background-color: #39414d;
+ border-radius: 0;
+ border: 3px solid #39414d;
+ text-decoration: none;
+ padding: 15px 30px;
+}
+
+.site .button:before,
+input[type="submit"]:before,
+input[type="reset"]:before,
+.wp-block-search__button:before,
+.wp-block-button .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .site .button:after,
+input[type="submit"]:after,
+input[type="reset"]:after,
+.wp-block-search__button:after,
+.wp-block-button .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after {
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+}
+
+.site .button:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+input[type="submit"]:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+input[type="reset"]:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+.wp-block-search__button:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+.wp-block-button .wp-block-button__link:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+.wp-block-file .wp-block-file__button:before {
+ margin-bottom: -calc(1em - 0);
+}
+
+.site .button:after {
+ margin-top: -calc(1em - 0);
+}
+
+input[type="submit"]:after {
+ margin-top: -calc(1em - 0);
+}
+
+input[type="reset"]:after {
+ margin-top: -calc(1em - 0);
+}
+
+.wp-block-search__button:after {
+ margin-top: -calc(1em - 0);
+}
+
+.wp-block-button .wp-block-button__link:after {
+ margin-top: -calc(1em - 0);
+}
+
+.wp-block-file .wp-block-file__button:after {
+ margin-top: -calc(1em - 0);
+}
+
+.site .button:active {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+input:active[type="submit"] {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+input:active[type="reset"] {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+.wp-block-search__button:active {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+.wp-block-button .wp-block-button__link:active {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+.wp-block-file .wp-block-file__button:active {
+ color: #39414d;
+ background-color: #d1e4dd;
+}
+
+.site .button:hover {
+ color: #39414d;
+ background: transparent;
+}
+
+input:hover[type="submit"] {
+ color: #39414d;
+ background: transparent;
+}
+
+input:hover[type="reset"] {
+ color: #39414d;
+ background: transparent;
+}
+
+.wp-block-search__button:hover {
+ color: #39414d;
+ background: transparent;
+}
+
+.wp-block-button .wp-block-button__link:hover {
+ color: #39414d;
+ background: transparent;
+}
+
+.wp-block-file .wp-block-file__button:hover {
+ color: #39414d;
+ background: transparent;
+}
+
+.site .button:focus,
+input:focus[type="submit"],
+input:focus[type="reset"],
+.wp-block-search__button:focus,
+.wp-block-button .wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .site .has-focus.button,
+input.has-focus[type="submit"],
+input.has-focus[type="reset"],
+.has-focus.wp-block-search__button,
+.wp-block-button .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button {
+ outline-offset: -4px;
+ outline: 2px dotted currentColor;
+}
+
+.site .button:disabled {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+input:disabled[type="submit"] {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+input:disabled[type="reset"] {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+.wp-block-search__button:disabled {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+.wp-block-button .wp-block-button__link:disabled {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+.wp-block-file .wp-block-file__button:disabled {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.5);
+ color: #39414d;
+}
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+ line-height: 1.15;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ box-sizing: content-box;
+ /* 1 */
+ height: 0;
+ /* 1 */
+ overflow: visible;
+ /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+ background-color: transparent;
+ text-decoration-thickness: 1px;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none;
+ /* 1 */
+ text-decoration: underline;
+ /* 2 */
+ text-decoration-style: dotted;
+ /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ line-height: 1.15;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+ /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+ /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+legend {
+ box-sizing: border-box;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ display: table;
+ /* 1 */
+ max-width: 100%;
+ /* 1 */
+ padding: 0;
+ /* 3 */
+ white-space: normal;
+ /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+ display: none;
+}
+
+/**
+ * Repsonsive Styles
+ */
+/**
+ * Required Variables
+ */
+/**
+ * Root Media Query Variables
+ */
+
+/**
+ * Extends
+ */
+.default-max-width {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+@media only screen and (min-width: 482px){
+ .default-max-width{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .default-max-width{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+@media only screen and (min-width: 482px){
+ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+@media only screen and (min-width: 482px){
+ *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+.entry-content .wp-audio-shortcode {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+@media only screen and (min-width: 482px){
+ .entry-content .wp-audio-shortcode{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .entry-content .wp-audio-shortcode{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+.post-thumbnail {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+@media only screen and (min-width: 482px){
+ .post-thumbnail{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .post-thumbnail{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+.wide-max-width {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .wide-max-width{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wide-max-width{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.alignwide {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .alignwide{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .alignwide{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.site-header {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .site-header{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .site-header{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.site-footer {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .site-footer{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .site-footer{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.post-navigation {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .post-navigation{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .post-navigation{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.pagination {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .pagination{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .pagination{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.comments-pagination {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .comments-pagination{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .comments-pagination{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.widget-area {
+ max-width: calc(100vw - 30px);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px){
+ .widget-area{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .widget-area{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.full-max-width {
+ max-width: 100%;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.wp-block-group .wp-block-group__inner-container > *.alignfull {
+ max-width: 100%;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.alignfull {
+ max-width: 100%;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+ .full-max-width {
+ max-width: 100%;
+ width: auto;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ .alignfull {
+ max-width: 100%;
+ width: auto;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+.alignwide [class*="inner-container"] > .alignwide {
+ margin-left: auto;
+ margin-right: auto;
+ width: calc(100vw - 30px);
+ max-width: 100%;
+}
+
+@media only screen and (min-width: 482px){
+ .alignwide [class*="inner-container"] > .alignwide{
+ width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .alignwide [class*="inner-container"] > .alignwide{
+ width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.alignfull [class*="inner-container"] > .alignwide {
+ margin-left: auto;
+ margin-right: auto;
+ width: calc(100vw - 30px);
+ max-width: 100%;
+}
+
+@media only screen and (min-width: 482px){
+ .alignfull [class*="inner-container"] > .alignwide{
+ width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .alignfull [class*="inner-container"] > .alignwide{
+ width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.entry-header .post-thumbnail {
+ margin-left: auto;
+ margin-right: auto;
+ width: calc(100vw - 30px);
+ max-width: 100%;
+}
+
+@media only screen and (min-width: 482px){
+ .entry-header .post-thumbnail{
+ width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .entry-header .post-thumbnail{
+ width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.singular .post-thumbnail {
+ margin-left: auto;
+ margin-right: auto;
+ width: calc(100vw - 30px);
+ max-width: 100%;
+}
+
+@media only screen and (min-width: 482px){
+ .singular .post-thumbnail{
+ width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .singular .post-thumbnail{
+ width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .entry-content > .alignleft {
+ /*rtl:ignore*/
+ margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ /*rtl:ignore*/
+ margin-right: 25px;
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignleft{
+ margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignleft{
+ margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 822px){
+ .entry-content > .alignleft{
+ margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .entry-content > .alignright {
+ /*rtl:ignore*/
+ margin-left: 25px;
+ /*rtl:ignore*/
+ margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignright{
+ margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignright{
+ margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 822px){
+ .entry-content > .alignright{
+ margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+}
+
+/**
+ * Site Structure
+ *
+ * - Set vertical margins and responsive widths on
+ * top-level wrappers and content wrappers
+ * - `--global--width-content` is a responsive veriable
+ * - See: globals/_global-width-responsive.scss
+ */
+/**
+ * Top Level Wrappers (header, main, footer)
+ * - Set vertical padding and horizontal margins
+ */
+.site-header {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.site-main {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.widget-area {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.site-footer {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.site-header {
+ padding-top: 23px;
+ padding-bottom: 60px;
+}
+
+@media only screen and (min-width: 482px) {
+ .site-header {
+ padding-bottom: 90px;
+ }
+}
+
+/**
+ * Site-main children wrappers
+ * - Add double vertical margins here for clearer heirarchy
+ */
+.site-main > * {
+ margin-top: 90px;
+ margin-bottom: 90px;
+}
+
+.site-main > *:first-child {
+ margin-top: 0;
+}
+
+.site-main > *:last-child {
+ margin-bottom: 0;
+}
+
+/**
+ * Set the default maximum responsive content-width
+ */
+/**
+ * Set the wide maximum responsive content-width
+ */
+/**
+ * Set the full maximum responsive content-width
+ */
+/*
+ * Block & non-gutenberg content wrappers
+ * - Set margins
+ */
+.entry-header {
+ margin-top: 30px;
+ margin-right: auto;
+ margin-bottom: 30px;
+ margin-left: auto;
+}
+.post-thumbnail {
+ margin-top: 30px;
+ margin-right: auto;
+ margin-bottom: 30px;
+ margin-left: auto;
+}
+.entry-content {
+ margin-top: 30px;
+ margin-right: auto;
+ margin-bottom: 30px;
+ margin-left: auto;
+}
+.entry-footer {
+ margin-top: 30px;
+ margin-right: auto;
+ margin-bottom: 30px;
+ margin-left: auto;
+}
+.author-bio {
+ margin-top: 30px;
+ margin-right: auto;
+ margin-bottom: 30px;
+ margin-left: auto;
+}
+
+/*
+ * Block & non-gutenberg content wrapper children
+ * - Sets spacing-vertical margin logic
+ */
+.site-main > article > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.site-main > .not-found > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.entry-content > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+[class*="inner-container"] > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.wp-block-template-part > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .site-main > article > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+ .site-main > .not-found > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+ .entry-content > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+ [class*="inner-container"] > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+ .wp-block-template-part > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+}
+
+.site-main > article > *:first-child,
+.site-main > .not-found > *:first-child,
+.entry-content > *:first-child,
+[class*="inner-container"] > *:first-child,
+.wp-block-template-part > *:first-child {
+ margin-top: 0;
+}
+
+.site-main > article > *:last-child,
+.site-main > .not-found > *:last-child,
+.entry-content > *:last-child,
+[class*="inner-container"] > *:last-child,
+.wp-block-template-part > *:last-child {
+ margin-bottom: 0;
+}
+
+.site-footer > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.widget-area > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .site-footer > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+ .widget-area > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+}
+
+/*
+ * Block & non-gutenberg content wrapper children
+ * - Sets spacing-unit margins
+ */
+.entry-header > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.post-thumbnail > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.page-content > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.comment-content > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.widget > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.entry-header > *:first-child,
+.post-thumbnail > *:first-child,
+.page-content > *:first-child,
+.comment-content > *:first-child,
+.widget > *:first-child {
+ margin-top: 0;
+}
+
+.entry-header > *:last-child,
+.post-thumbnail > *:last-child,
+.page-content > *:last-child,
+.comment-content > *:last-child,
+.widget > *:last-child {
+ margin-bottom: 0;
+}
+
+/*
+ * .entry-content children specific controls
+ * - Adds special margin overrides for alignment utility classes
+ */
+.entry-content > * {
+ /* Reset alignleft and alignright margins after alignfull */
+}
+
+.entry-content > *.alignleft, .entry-content > *.alignright,
+.entry-content > *.alignleft:first-child + *,
+.entry-content > *.alignright:first-child + *, .entry-content > *.alignfull {
+ margin-top: 0;
+}
+
+.entry-content > *:last-child, .entry-content > *.alignfull {
+ margin-bottom: 0;
+}
+
+.entry-content > *.alignfull + .alignleft {
+ margin-top: 30px;
+}
+
+.entry-content > *.alignfull + .alignright {
+ margin-top: 30px;
+}
+
+/**
+ * Reset specific elements to make them easier to style in other contexts.
+ */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+form,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ padding: 0;
+ margin: 0;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+
+/**
+ * Apply generic border-box to all elements.
+ * See:
+ * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
+ */
+html {
+ /* Apply border-box across the entire page. */
+ box-sizing: border-box;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ line-height: 1.7;
+}
+
+/**
+ * Relax the definition a bit, to allow components to override it manually.
+ */
+*, *::before, *::after {
+ box-sizing: inherit;
+}
+
+body {
+ font-size: 1.25rem;
+ font-weight: normal;
+ color: #28303d;
+ text-align: left;
+ background-color: #d1e4dd;
+}
+
+button {
+ cursor: pointer;
+}
+
+.clear:before,
+.clear:after,
+.entry-content:before,
+.entry-content:after,
+.comment-content:before,
+.comment-content:after,
+.site-header:before,
+.site-header:after,
+.site-content:before,
+.site-content:after,
+.site-footer:before,
+.site-footer:after {
+ content: "";
+ display: table;
+ table-layout: fixed;
+}
+
+.clear:after,
+.entry-content:after,
+.comment-content:after,
+.site-header:after,
+.site-content:after,
+.site-footer:after {
+ clear: both;
+}
+
+/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
+blockquote {
+ margin: 0;
+ padding: 0;
+}
+
+blockquote p {
+ font-size: 1.5rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+blockquote cite {
+ color: #28303d;
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote footer {
+ color: #28303d;
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+blockquote > *:first-child {
+ margin-top: 0;
+}
+
+blockquote > *:last-child {
+ margin-bottom: 0;
+}
+
+blockquote.alignleft, blockquote.alignright {
+ padding-left: inherit;
+}
+
+blockquote.alignleft p {
+ font-size: 1.125rem;
+ max-width: inherit;
+ width: inherit;
+}
+
+blockquote.alignright p {
+ font-size: 1.125rem;
+ max-width: inherit;
+ width: inherit;
+}
+
+blockquote.alignleft cite {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote.alignleft footer {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote.alignright cite {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+blockquote.alignright footer {
+ font-size: 1rem;
+ letter-spacing: normal;
+}
+
+input[type="text"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="email"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="url"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="password"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="search"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="number"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="tel"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="date"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="month"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="week"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="time"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="datetime"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="datetime-local"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="color"] {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+.site textarea {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ background: rgba(255, 255, 255, 0.5);
+ line-height: 1.7;
+ padding: 10px;
+}
+
+input[type="text"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="email"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="url"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="password"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="search"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="number"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="tel"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="date"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="month"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="week"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="time"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="datetime"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="datetime-local"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="color"]:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+.site textarea:focus {
+ color: #28303d;
+ outline: 1px solid #39414d;
+ background: #fff;
+}
+
+input[type="text"]:disabled,
+input[type="email"]:disabled,
+input[type="url"]:disabled,
+input[type="password"]:disabled,
+input[type="search"]:disabled,
+input[type="number"]:disabled,
+input[type="tel"]:disabled,
+input[type="date"]:disabled,
+input[type="month"]:disabled,
+input[type="week"]:disabled,
+input[type="time"]:disabled,
+input[type="datetime"]:disabled,
+input[type="datetime-local"]:disabled,
+input[type="color"]:disabled,
+.site textarea:disabled {
+ opacity: 0.7;
+}
+
+input[type="search"]:focus {
+ outline-offset: 0;
+}
+
+input[type="date"] {
+ background: #fff;
+}
+
+input[type="color"] {
+ background: #fff;
+ padding: 5px;
+ height: 40px;
+}
+
+select {
+ border: 3px solid #39414d;
+ color: #28303d;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ line-height: 1.7;
+ padding: 10px 30px 10px 10px;
+ /* stylelint-disable */
+ background: #fff url("data:image/svg+xml;utf8,") no-repeat;
+ /* stylelint-enable */
+ background-position: right 10px top 60%;
+}
+
+select:focus {
+ outline: 1px solid #39414d;
+}
+
+textarea {
+ width: 100%;
+}
+
+label {
+ font-size: 1.125rem;
+ font-weight: 500;
+ margin-bottom: 10px;
+}
+
+/**
+https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
+https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
+License: MIT.
+*/
+@supports (-webkit-appearance: none) or (-moz-appearance: none) {
+ input[type="checkbox"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ position: relative;
+ width: 25px;
+ height: 25px;
+ background: rgba(255, 255, 255, 0.5);
+ border: 3px solid #39414d;
+ outline-offset: 0;
+ }
+ input[type="radio"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ position: relative;
+ width: 25px;
+ height: 25px;
+ background: rgba(255, 255, 255, 0.5);
+ border: 3px solid #39414d;
+ outline-offset: 0;
+ }
+ input[type="checkbox"]:disabled,
+ input[type="radio"]:disabled {
+ opacity: 0.7;
+ }
+ input[type="checkbox"]:focus {
+ outline: 1px solid #39414d;
+ background: #fff;
+ }
+ input[type="checkbox"]:after {
+ content: "";
+ opacity: 0;
+ display: block;
+ left: 5px;
+ top: 2px;
+ position: absolute;
+ width: 7px;
+ height: 13px;
+ border: 3px solid #28303d;
+ border-top: 0;
+ border-left: 0;
+ transform: rotate(30deg);
+ }
+ input[type="checkbox"]:checked {
+ background: #fff;
+ color: #28303d;
+ }
+ input[type="checkbox"]:checked:after {
+ opacity: 1;
+ }
+ input[type="radio"] {
+ border-radius: 50%;
+ }
+ input[type="radio"]:focus {
+ background: #fff;
+ border: 4px solid #39414d;
+ outline: 1px dotted transparent;
+ }
+ input[type="radio"]:after {
+ content: "";
+ opacity: 0;
+ display: block;
+ left: 3px;
+ top: 3px;
+ position: absolute;
+ width: 11px;
+ height: 11px;
+ border-radius: 50%;
+ background: #28303d;
+ }
+ input[type="radio"]:checked {
+ background: #fff;
+ border: 4px solid #39414d;
+ outline: 1px dotted transparent;
+ }
+ input[type="radio"]:checked:after {
+ opacity: 1;
+ }
+ input[type="radio"]:checked:focus {
+ box-shadow: 0 0 0 2px #39414d;
+ }
+}
+
+input[type="checkbox"] + label {
+ display: inline-block;
+ padding-left: 10px;
+ font-size: 1rem;
+ vertical-align: top;
+}
+
+input[type="radio"] + label {
+ display: inline-block;
+ padding-left: 10px;
+ font-size: 1rem;
+ vertical-align: top;
+}
+
+/**
+ * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
+*/
+@supports (-webkit-appearance: none) or (-moz-appearance: none) {
+ input[type="range"] {
+ -webkit-appearance: none;
+ /* Hides the slider so that custom slider can be made */
+ width: 100%;
+ /* Specific width is required for Firefox. */
+ height: 6px;
+ background: #39414d;
+ border-radius: 6px;
+ outline-offset: 10px;
+ }
+ input[type="range"]:disabled {
+ opacity: 0.7;
+ }
+ input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ border: 3px solid #39414d;
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ background: #d1e4dd;
+ cursor: pointer;
+ }
+ input[type="range"]::-moz-range-thumb {
+ border: 3px solid #39414d;
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ background: #d1e4dd;
+ cursor: pointer;
+ }
+}
+
+input[type="range"]::-ms-track {
+ width: 100%;
+ height: 6px;
+ border-radius: 6px;
+ border-width: 19px 0;
+ border-color: #d1e4dd;
+ background: transparent;
+ color: transparent;
+ cursor: pointer;
+}
+
+input[type="range"]::-ms-fill-upper {
+ background: #39414d;
+ border-radius: 6px;
+}
+
+input[type="range"]::-ms-fill-lower {
+ background: #39414d;
+ border-radius: 6px;
+}
+
+input[type="range"]::-ms-thumb {
+ border: 3px solid #39414d;
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ background: #d1e4dd;
+ cursor: pointer;
+}
+
+img {
+ display: block;
+ height: auto;
+ max-width: 100%;
+}
+
+/* Classic editor images */
+.entry-content img {
+ max-width: 100%;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+embed,
+iframe,
+object,
+video {
+ max-width: 100%;
+}
+
+/* Media captions */
+figcaption {
+ color: currentColor;
+ font-size: 1rem;
+ line-height: 1.7;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+.wp-caption {
+ color: currentColor;
+ font-size: 1rem;
+ line-height: 1.7;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+.wp-caption-text {
+ color: currentColor;
+ font-size: 1rem;
+ line-height: 1.7;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+
+.alignleft figcaption,
+.alignright figcaption, .alignleft
+.wp-caption,
+.alignright
+.wp-caption, .alignleft
+.wp-caption-text,
+.alignright
+.wp-caption-text {
+ margin-bottom: 0;
+}
+
+/* WP Smiley */
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
+
+/* Over here, place any elements that do not need to have their own file. */
+b,
+strong {
+ font-weight: 700;
+}
+
+dfn,
+cite,
+em,
+i {
+ font-style: italic;
+}
+
+pre {
+ white-space: pre-wrap;
+}
+
+/*
+ * text-underline-offset doesn't work in Chrome at all 👎
+ * But looks nice in Safari/Firefox, so let's keep it and
+ * maybe Chrome will support it soon.
+ */
+a {
+ cursor: pointer;
+ color: #28303d;
+ text-underline-offset: 3px;
+ text-decoration-skip-ink: all;
+}
+
+a:hover {
+ text-decoration-style: dotted;
+ text-decoration-skip-ink: none;
+}
+
+.site a:focus {
+ outline: 2px solid #28303d;
+ text-decoration: none;
+}
+
+.site a:focus.skip-link {
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a {
+ color: #28303d;
+}
+
+.has-background:not(.has-background-background-color).has-link-color a {
+ color: #28303d;
+}
+
+/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
+.wp-block-audio audio:focus {
+ outline-offset: 5px;
+ outline: 2px solid #28303d;
+}
+
+/**
+ * Button
+ */
+/**
+ * Block Options
+ */
+.wp-block-button.is-style-outline.wp-block-button__link {
+ color: #39414d;
+ background: transparent;
+ border: 3px solid currentColor;
+ padding: 15px 30px;
+}
+.wp-block-button.is-style-outline .wp-block-button__link {
+ color: #39414d;
+ background: transparent;
+ border: 3px solid currentColor;
+ padding: 15px 30px;
+}
+
+.wp-block-button.is-style-outline.wp-block-button__link:visited {
+ color: #39414d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:visited {
+ color: #39414d;
+}
+
+.wp-block-button.is-style-outline.wp-block-button__link:active {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.wp-block-button.is-style-outline.wp-block-button__link:hover {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:hover {
+ background-color: #39414d;
+ color: #d1e4dd;
+ border: 3px solid #39414d;
+}
+
+.wp-block-button.is-style-outline.wp-block-button__link:focus {
+ outline-offset: -7px;
+ background: transparent;
+ outline: 2px dotted #39414d;
+ color: #39414d;
+}
+
+.wp-block-button.is-style-outline.wp-block-button__link.has-focus {
+ outline-offset: -7px;
+ background: transparent;
+ outline: 2px dotted #39414d;
+ color: #39414d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:focus {
+ outline-offset: -7px;
+ background: transparent;
+ outline: 2px dotted #39414d;
+ color: #39414d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-focus {
+ outline-offset: -7px;
+ background: transparent;
+ outline: 2px dotted #39414d;
+ color: #39414d;
+}
+
+.wp-block-button.is-style-squared .wp-block-button__link {
+ border-radius: 0;
+}
+
+.is-style-outline .wp-block-button__link[style*="radius"]:focus {
+ outline-offset: 2px;
+ outline: 2px dotted #39414d;
+}
+
+.wp-block-button a.wp-block-button__link[style*="radius"]:focus {
+ outline-offset: 2px;
+ outline: 2px dotted #39414d;
+}
+
+.wp-block-code {
+ border-color: #28303d;
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0.1rem;
+ padding: 20px;
+}
+
+.wp-block-code code {
+ font-size: 1rem;
+ overflow: auto;
+}
+
+.wp-block-columns .wp-block-column > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-columns .wp-block-column > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+}
+
+.wp-block-columns .wp-block-column > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-columns .wp-block-column > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-columns .wp-block-column:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-columns .wp-block-column:not(:last-child) {
+ margin-bottom: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-columns .wp-block-column:not(:last-child) {
+ margin-bottom: 30px;
+ }
+}
+
+@media only screen and (min-width: 652px) {
+ .wp-block-columns .wp-block-column:not(:last-child) {
+ /* Resetting margins to match _block-container.scss */
+ margin-bottom: 0;
+ }
+}
+
+@media only screen and (min-width: 652px) {
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column {
+ flex-grow: 1;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
+ margin-left: -50px;
+ margin-top: 63px;
+ z-index: 2;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
+ background-color: #d1e4dd;
+ padding: 20px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+ padding-left: 50px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
+ padding-left: 50px;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
+ margin-top: 0;
+ }
+}
+
+.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.wp-block-cover {
+ background-color: #fff;
+ min-height: 450px;
+ margin-top: inherit;
+ margin-bottom: inherit;
+ /* default & custom background-color */
+ /* Treating H2 separately to account for legacy /core styles */
+ /* Block Styles */
+}
+
+.wp-block-cover-image {
+ background-color: #fff;
+ min-height: 450px;
+ margin-top: inherit;
+ margin-bottom: inherit;
+ /* default & custom background-color */
+ /* Treating H2 separately to account for legacy /core styles */
+ /* Block Styles */
+}
+
+.wp-block-cover .wp-block-cover__inner-container {
+ color: currentColor;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-cover .wp-block-cover-image-text {
+ color: currentColor;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-cover .wp-block-cover-text {
+ color: currentColor;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container {
+ color: currentColor;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text {
+ color: currentColor;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-cover-image .wp-block-cover-text {
+ color: currentColor;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-cover .wp-block-cover__inner-container a,
+.wp-block-cover .wp-block-cover-image-text a,
+.wp-block-cover .wp-block-cover-text a,
+.wp-block-cover-image .wp-block-cover__inner-container a,
+.wp-block-cover-image .wp-block-cover-image-text a,
+.wp-block-cover-image .wp-block-cover-text a {
+ color: currentColor;
+}
+
+.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-image-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover-text .has-link-color a {
+ color: #28303d;
+}
+
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container {
+ color: #fff;
+}
+
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text {
+ color: #fff;
+}
+
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text {
+ color: #fff;
+}
+
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container {
+ color: #fff;
+}
+
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text {
+ color: #fff;
+}
+
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
+ color: #fff;
+}
+
+.wp-block-cover h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+ max-width: inherit;
+ text-align: inherit;
+ padding: 0;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover h2{
+ font-size: 3rem;
+ }
+}
+
+.wp-block-cover-image h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+ max-width: inherit;
+ text-align: inherit;
+ padding: 0;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover-image h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-cover-image h2{
+ font-size: 3rem;
+ }
+}
+
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+ text-align: left;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+ text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+ text-align: right;
+}
+
+.wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 60px);
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container {
+ width: calc(100% - 60px);
+}
+
+.wp-block-cover .wp-block-cover__inner-container > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-cover .wp-block-cover__inner-container > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+ .wp-block-cover-image .wp-block-cover__inner-container > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+}
+
+.wp-block-cover .wp-block-cover__inner-container > *:first-child,
+.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-cover .wp-block-cover__inner-container > *:last-child,
+.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-cover.alignleft, .wp-block-cover.alignright,
+.wp-block-cover-image.alignleft,
+.wp-block-cover-image.alignright {
+ margin-top: 0;
+}
+
+.wp-block-cover.alignleft > * {
+ margin-top: 60px;
+ margin-bottom: 60px;
+ padding-left: 25px;
+ padding-right: 25px;
+ width: 100%;
+}
+
+.wp-block-cover.alignright > * {
+ margin-top: 60px;
+ margin-bottom: 60px;
+ padding-left: 25px;
+ padding-right: 25px;
+ width: 100%;
+}
+
+.wp-block-cover-image.alignleft > * {
+ margin-top: 60px;
+ margin-bottom: 60px;
+ padding-left: 25px;
+ padding-right: 25px;
+ width: 100%;
+}
+
+.wp-block-cover-image.alignright > * {
+ margin-top: 60px;
+ margin-bottom: 60px;
+ padding-left: 25px;
+ padding-right: 25px;
+ width: 100%;
+}
+
+.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
+.wp-block-cover-image.has-left-content,
+.wp-block-cover-image.has-right-content {
+ justify-content: center;
+}
+
+.wp-block-cover.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+}
+
+.wp-block-cover-image.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+}
+
+.wp-block-file a.wp-block-file__button:active {
+ color: #39414d;
+ opacity: inherit;
+}
+
+.wp-block-file a.wp-block-file__button:focus {
+ color: #39414d;
+ opacity: inherit;
+}
+
+.wp-block-file a.wp-block-file__button:hover {
+ color: #39414d;
+ opacity: inherit;
+}
+
+.wp-block-file a.wp-block-file__button:visited {
+ color: #39414d;
+ opacity: inherit;
+}
+
+.wp-block-file .wp-block-file__button {
+ display: inline-block;
+}
+
+.wp-block-gallery {
+ margin: 0 auto;
+}
+
+.wp-block-gallery .blocks-gallery-image {
+ width: calc(50% - 10px);
+}
+
+.wp-block-gallery .blocks-gallery-item {
+ width: calc(50% - 10px);
+}
+
+.wp-block-gallery .blocks-gallery-image figcaption {
+ margin: 0;
+ color: #fff;
+ font-size: 1rem;
+}
+
+.wp-block-gallery .blocks-gallery-item figcaption {
+ margin: 0;
+ color: #fff;
+ font-size: 1rem;
+}
+
+.wp-block-group {
+ display: block;
+ clear: both;
+ display: flow-root;
+}
+
+.wp-block-group:before, .wp-block-group:after {
+ content: "";
+ display: block;
+ clear: both;
+}
+
+.wp-block-group .wp-block-group__inner-container {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.wp-block-group .wp-block-group__inner-container > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-group .wp-block-group__inner-container > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+}
+
+.wp-block-group .wp-block-group__inner-container > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-group .wp-block-group__inner-container > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-group.has-background {
+ padding: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-group.has-background {
+ padding: 30px;
+ }
+}
+
+.wp-block-group.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+ padding: 30px;
+}
+
+h1 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h1 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h2 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h2 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h3 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h3 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h4 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h4 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h5 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h5 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h6 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+.h6 {
+ clear: both;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+}
+
+h1 strong {
+ font-weight: 600;
+}
+
+.h1 strong {
+ font-weight: 600;
+}
+
+h2 strong {
+ font-weight: 600;
+}
+
+.h2 strong {
+ font-weight: 600;
+}
+
+h3 strong {
+ font-weight: 600;
+}
+
+.h3 strong {
+ font-weight: 600;
+}
+
+h4 strong {
+ font-weight: 600;
+}
+
+.h4 strong {
+ font-weight: 600;
+}
+
+h5 strong {
+ font-weight: 600;
+}
+
+.h5 strong {
+ font-weight: 600;
+}
+
+h6 strong {
+ font-weight: 600;
+}
+
+.h6 strong {
+ font-weight: 600;
+}
+
+h1 {
+ font-size: 4rem;
+ letter-spacing: normal;
+ line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px){
+ h1{
+ font-size: 6rem;
+ }
+}
+
+.h1 {
+ font-size: 4rem;
+ letter-spacing: normal;
+ line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px){
+ .h1{
+ font-size: 6rem;
+ }
+}
+
+h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ h2{
+ font-size: 3rem;
+ }
+}
+
+.h2 {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ .h2{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .h2{
+ font-size: 3rem;
+ }
+}
+
+h3 {
+ font-size: 2rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ h3{
+ font-size: 2rem;
+ }
+}
+
+.h3 {
+ font-size: 2rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ .h3{
+ font-size: 2rem;
+ }
+}
+
+h4 {
+ font-size: 1.5rem;
+ font-weight: 600;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+.h4 {
+ font-size: 1.5rem;
+ font-weight: 600;
+ letter-spacing: normal;
+ line-height: 1.3;
+}
+
+h5 {
+ font-size: 1.125rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+.h5 {
+ font-size: 1.125rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+h6 {
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+.h6 {
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ line-height: 1.3;
+}
+
+.wp-block-image {
+ text-align: center;
+}
+
+.wp-block-image figcaption {
+ color: #28303d;
+ font-size: 1rem;
+ line-height: 1.7;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+
+.wp-block-image .alignright {
+ margin-left: 25px;
+}
+
+.wp-block-image .alignleft {
+ margin-right: 25px;
+}
+
+.entry-content > *[class="wp-block-image"],
+.entry-content [class*="inner-container"] > *[class="wp-block-image"] {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.entry-content > *[class="wp-block-image"] + *,
+.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
+ margin-top: 0;
+}
+
+img {
+ height: auto;
+ max-width: 100%;
+ vertical-align: middle;
+}
+
+.wp-block-image.is-style-twentytwentyone-border img {
+ border: 3px solid #28303d;
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ border: 3px solid #28303d;
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ padding: 20px;
+}
+
+.wp-block-latest-comments {
+ margin-left: 0;
+}
+
+.wp-block-latest-comments .wp-block-latest-comments__comment {
+ font-size: 1.125rem;
+ line-height: 1.7;
+ /* Vertical margins logic */
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
+ margin-top: 0;
+}
+
+.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.wp-block-latest-comments .wp-block-latest-comments__comment-date {
+ color: #28303d;
+ font-size: 1.125rem;
+}
+
+.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin: 0;
+}
+
+.wp-block-latest-posts {
+ padding-left: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li {
+ margin-top: 50px;
+ margin-bottom: 50px;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:first-child {
+ margin-top: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts.is-grid > li {
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-grid > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > * {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.wp-block-latest-posts > li > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-latest-posts > li > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > a {
+ display: inline-block;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 2rem;
+ font-weight: normal;
+ line-height: 1.3;
+ margin-bottom: 10px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-latest-posts > li > a{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-author {
+ color: #28303d;
+ font-size: 1.25rem;
+ line-height: 1.7;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-date {
+ color: #28303d;
+ font-size: 1rem;
+ line-height: 1.7;
+}
+
+[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
+.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
+ color: currentColor;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-latest-posts.alignfull {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
+.entry-content .has-background .wp-block-latest-posts.alignfull {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
+ border-top: 3px solid #28303d;
+ border-bottom: 3px solid #28303d;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
+ padding-bottom: 30px;
+ border-bottom: 1px solid #28303d;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
+ padding-bottom: 30px;
+ border-bottom: 1px solid #28303d;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
+ box-shadow: inset 0 -1px 0 0 #28303d;
+ border-bottom: 2px solid #28303d;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
+ margin: 0;
+ padding-top: 30px;
+ padding-right: 25px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
+ padding-bottom: 30px;
+}
+
+@media screen and (min-width: 600px) {
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
+ width: 50%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
+ width: 33%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
+ width: 25%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
+ width: 20%;
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
+ width: 17%;
+ }
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
+ border: 3px solid #28303d;
+ padding: 30px 25px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
+ padding-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
+ margin-top: 25px;
+ margin-bottom: 25px;
+}
+
+.gallery-item {
+ display: inline-block;
+ text-align: center;
+ vertical-align: top;
+ width: 100%;
+}
+
+.gallery-item a {
+ display: block;
+}
+
+.gallery-columns-2 .gallery-item {
+ max-width: 50%;
+}
+
+.gallery-columns-3 .gallery-item {
+ max-width: 33.33%;
+}
+
+.gallery-columns-4 .gallery-item {
+ max-width: 25%;
+}
+
+.gallery-columns-5 .gallery-item {
+ max-width: 20%;
+}
+
+.gallery-columns-6 .gallery-item {
+ max-width: 16.66%;
+}
+
+.gallery-columns-7 .gallery-item {
+ max-width: 14.28%;
+}
+
+.gallery-columns-8 .gallery-item {
+ max-width: 12.5%;
+}
+
+.gallery-columns-9 .gallery-item {
+ max-width: 11.11%;
+}
+
+.gallery-caption {
+ display: block;
+}
+
+ul {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ margin: 0;
+ padding-left: 50px;
+}
+
+ol {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ margin: 0;
+ padding-left: 50px;
+}
+
+ul.aligncenter,
+ol.aligncenter {
+ list-style-position: inside;
+ padding: 0;
+}
+
+ul.alignright,
+ol.alignright {
+ list-style-position: inside;
+ text-align: right;
+ padding: 0;
+}
+
+ul {
+ list-style-type: disc;
+}
+
+ol {
+ list-style-type: decimal;
+}
+
+dt {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: bold;
+}
+
+dd {
+ margin: 0;
+ padding-left: 50px;
+}
+
+.wp-block-media-text {
+ /**
+ * Block Options
+ */
+}
+
+.wp-block-media-text .wp-block-media-text__content {
+ padding: 25px;
+}
+
+@media only screen and (min-width: 592px) {
+ .wp-block-media-text .wp-block-media-text__content {
+ padding: 30px;
+ }
+}
+
+.wp-block-media-text .wp-block-media-text__content > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-media-text .wp-block-media-text__content > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+}
+
+.wp-block-media-text .wp-block-media-text__content > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-media-text .wp-block-media-text__content > *:last-child {
+ margin-bottom: 0;
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ }
+}
+
+.wp-block-media-text.is-style-twentytwentyone-border {
+ border: 3px solid #28303d;
+}
+
+.wp-block-navigation .wp-block-navigation-link {
+ padding: 0;
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
+ padding: 13px;
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ font-weight: normal;
+}
+
+.wp-block-navigation .wp-block-navigation-link__submenu-icon {
+ padding: 0;
+}
+
+.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
+ display: inherit;
+}
+
+.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
+ border: none;
+ left: 0;
+ margin-left: 13px;
+ min-width: max-content;
+ opacity: 0;
+ padding: 0;
+ position: inherit;
+ top: inherit;
+}
+
+.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
+ display: inline-block;
+ padding: 7px 13px;
+}
+
+.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
+ display: none;
+}
+
+.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
+ display: block;
+ opacity: 1;
+ visibility: visible;
+}
+
+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
+ background: #d1e4dd;
+ box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+ margin: 0;
+ padding: 0;
+ position: absolute;
+ top: 100%;
+}
+
+.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
+ background: #d1e4dd;
+}
+
+.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
+ background: #d1e4dd;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
+ color: #28303d;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
+ color: #28303d;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
+ color: currentColor;
+}
+
+p {
+ line-height: --global--line-height-body;
+}
+
+p.has-background {
+ padding: 20px;
+}
+
+p.has-text-color a {
+ color: #28303d;
+}
+
+.post-password-message {
+ font-size: 1.5rem;
+}
+
+.post-password-form {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.post-password-form__label {
+ width: 100%;
+ margin-bottom: 0;
+}
+
+.post-password-form__input {
+ flex-grow: 1;
+ margin-top: 10px;
+ margin-right: 17px;
+}
+
+.post-password-form__submit {
+ margin-top: 10px;
+}
+
+@media only screen and (min-width: 592px) {
+ .post-password-form__submit {
+ margin-left: 10px;
+ }
+}
+
+.wp-block-pullquote {
+ padding: 40px 0;
+ text-align: center;
+ border-width: 3px;
+ border-bottom-style: solid;
+ border-top-style: solid;
+ position: relative;
+ /**
+ * Block Options
+ */
+}
+
+.wp-block-pullquote blockquote::before {
+ color: currentColor;
+ content: "\201C";
+ display: block;
+ font-size: 3rem;
+ font-weight: 500;
+ line-height: 1;
+}
+
+.wp-block-pullquote p {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 2rem;
+ font-style: normal;
+ font-weight: 700;
+ letter-spacing: normal;
+ line-height: 1.3;
+ margin: 0;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-pullquote p{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-pullquote a {
+ color: currentColor;
+}
+
+.wp-block-pullquote .wp-block-pullquote__citation {
+ color: currentColor;
+ display: block;
+ font-size: 1rem;
+ font-style: normal;
+ text-transform: none;
+}
+
+.wp-block-pullquote cite {
+ color: currentColor;
+ display: block;
+ font-size: 1rem;
+ font-style: normal;
+ text-transform: none;
+}
+
+.wp-block-pullquote footer {
+ color: currentColor;
+ display: block;
+ font-size: 1rem;
+ font-style: normal;
+ text-transform: none;
+}
+
+.wp-block-pullquote:not(.is-style-solid-color) {
+ background: none;
+}
+
+.wp-block-pullquote.alignleft blockquote:before,
+.wp-block-pullquote.alignleft cite {
+ text-align: center;
+}
+
+.wp-block-pullquote.alignwide > p {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .wp-block-pullquote.alignwide > p{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wp-block-pullquote.alignwide > p{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.wp-block-pullquote.alignwide blockquote {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .wp-block-pullquote.alignwide blockquote{
+ max-width: calc(100vw - 100px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wp-block-pullquote.alignwide blockquote{
+ max-width: min(calc(100vw - 200px), 1240px);
+ }
+}
+
+.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p {
+ padding: 0 40px;
+}
+
+.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
+ padding: 0 40px;
+}
+
+.wp-block-pullquote.is-style-solid-color {
+ color: #28303d;
+ padding: 50px;
+ border-width: 3px;
+ border-style: solid;
+ border-color: #28303d;
+}
+
+@media (min-width: 600px) {
+ .wp-block-pullquote.is-style-solid-color {
+ padding: 100px;
+ }
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote::before {
+ text-align: left;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote {
+ max-width: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote p {
+ font-size: 2rem;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-pullquote.is-style-solid-color blockquote p{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
+.wp-block-pullquote.is-style-solid-color cite,
+.wp-block-pullquote.is-style-solid-color footer {
+ color: currentColor;
+}
+
+.wp-block-quote {
+ position: relative;
+ margin: 30px 0 30px 25px;
+ /**
+ * Block Options
+ */
+}
+
+.wp-block-quote > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.wp-block-quote > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-quote > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-quote p {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 1.7;
+}
+
+.wp-block-quote strong {
+ font-weight: normal;
+}
+
+.wp-block-quote:before {
+ content: "\201C";
+ font-size: 1.25rem;
+ line-height: 1.7;
+ position: absolute;
+ left: -12px;
+}
+
+.wp-block-quote .wp-block-quote__citation {
+ color: #28303d;
+ font-size: 1rem;
+ font-style: normal;
+}
+
+.wp-block-quote cite {
+ color: #28303d;
+ font-size: 1rem;
+ font-style: normal;
+}
+
+.wp-block-quote footer {
+ color: #28303d;
+ font-size: 1rem;
+ font-style: normal;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color)
+.wp-block-quote cite,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-quote cite,
+[style*="background-color"]
+.wp-block-quote cite,
+.wp-block-cover[style*="background-image"]
+.wp-block-quote cite, .has-background:not(.has-background-background-color)
+.wp-block-quote footer,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-quote footer,
+[style*="background-color"]
+.wp-block-quote footer,
+.wp-block-cover[style*="background-image"]
+.wp-block-quote footer {
+ color: currentColor;
+}
+
+.wp-block-quote.has-text-align-right {
+ margin: 30px 25px 30px auto;
+ padding-right: 0;
+ border-right: none;
+}
+
+.wp-block-quote.has-text-align-right:before {
+ content: "\201D";
+ left: initial;
+ right: -12px;
+}
+
+.wp-block-quote.has-text-align-center {
+ margin: 30px auto;
+}
+
+.wp-block-quote.has-text-align-center:before {
+ display: none;
+}
+
+.wp-block-quote.is-large {
+ padding-left: 0;
+ padding-right: 0;
+ /* Resetting margins to match _block-container.scss */
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-quote.is-style-large {
+ padding-left: 0;
+ padding-right: 0;
+ /* Resetting margins to match _block-container.scss */
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.wp-block-quote.is-large p {
+ font-size: 2.25rem;
+ font-style: normal;
+ line-height: 1.35;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-large p{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-style-large p {
+ font-size: 2.25rem;
+ font-style: normal;
+ line-height: 1.35;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-style-large p{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-large:before {
+ font-size: 2.25rem;
+ line-height: 1.35;
+ left: -25px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-large:before{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-style-large:before {
+ font-size: 2.25rem;
+ line-height: 1.35;
+ left: -25px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-quote.is-style-large:before{
+ font-size: 2.5rem;
+ }
+}
+
+.wp-block-quote.is-large.has-text-align-right:before {
+ left: initial;
+ right: -25px;
+}
+
+.wp-block-quote.is-style-large.has-text-align-right:before {
+ left: initial;
+ right: -25px;
+}
+
+.wp-block-quote.is-large .wp-block-quote__citation {
+ color: #28303d;
+ font-size: 1.125rem;
+}
+
+.wp-block-quote.is-large cite {
+ color: #28303d;
+ font-size: 1.125rem;
+}
+
+.wp-block-quote.is-large footer {
+ color: #28303d;
+ font-size: 1.125rem;
+}
+
+.wp-block-quote.is-style-large .wp-block-quote__citation {
+ color: #28303d;
+ font-size: 1.125rem;
+}
+
+.wp-block-quote.is-style-large cite {
+ color: #28303d;
+ font-size: 1.125rem;
+}
+
+.wp-block-quote.is-style-large footer {
+ color: #28303d;
+ font-size: 1.125rem;
+}
+
+@media only screen and (max-width: 481px) {
+ .wp-block-quote.is-large {
+ padding-left: 25px;
+ }
+ .wp-block-quote.is-style-large {
+ padding-left: 25px;
+ }
+ .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+ left: 0;
+ }
+ .wp-block-quote.is-large.has-text-align-right {
+ padding-left: 0;
+ padding-right: 25px;
+ }
+ .wp-block-quote.is-style-large.has-text-align-right {
+ padding-left: 0;
+ padding-right: 25px;
+ }
+ .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+ right: 0;
+ }
+ .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media only screen and (max-width: 481px) {
+ .wp-block-quote {
+ padding-left: 13px;
+ }
+ .wp-block-quote:before {
+ left: 0;
+ }
+ .wp-block-quote.has-text-align-right {
+ padding-left: 0;
+ padding-right: 13px;
+ }
+ .wp-block-quote.has-text-align-right:before {
+ right: 0;
+ }
+ .wp-block-quote.has-text-align-center {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+.wp-block-rss {
+ padding-left: 0;
+}
+
+.wp-block-rss > li {
+ list-style: none;
+}
+
+.wp-block-rss:not(.is-grid) > li {
+ margin-top: 50px;
+ margin-bottom: 50px;
+}
+
+.wp-block-rss:not(.is-grid) > li:first-child {
+ margin-top: 0;
+}
+
+.wp-block-rss:not(.is-grid) > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss.is-grid > li {
+ margin-bottom: 30px;
+}
+
+.wp-block-rss.is-grid > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+ margin-bottom: 0;
+}
+
+.wp-block-rss > li > * {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.wp-block-rss > li > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-rss > li > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss .wp-block-rss__item-title > a {
+ display: inline-block;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 2rem;
+ font-weight: normal;
+ line-height: 1.3;
+ margin-bottom: 10px;
+}
+
+@media only screen and (min-width: 652px){
+ .wp-block-rss .wp-block-rss__item-title > a{
+ font-size: 2rem;
+ }
+}
+
+.wp-block-rss .wp-block-rss__item-author {
+ color: #28303d;
+ font-size: 1.25rem;
+ line-height: 1.7;
+}
+
+.wp-block-rss .wp-block-rss__item-publish-date {
+ color: #28303d;
+ font-size: 1rem;
+ line-height: 1.7;
+}
+
+[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
+.has-background .wp-block-rss .wp-block-rss__item-publish-date {
+ color: currentColor;
+}
+
+.wp-block-rss .wp-block-rss__item-excerpt {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-rss .wp-block-rss__item-full-content {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.7;
+ margin-top: 20px;
+}
+
+.wp-block-rss.alignfull {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
+.entry-content .has-background .wp-block-rss.alignfull {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.wp-block-search {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .wp-block-search{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .wp-block-search{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+.wp-block-search .wp-block-search__label {
+ font-size: 1.125rem;
+ font-weight: 500;
+ margin-bottom: 10px;
+}
+
+.wp-block-search .wp-block-search__input {
+ border: 3px solid #39414d;
+ border-radius: 0;
+ color: #28303d;
+ line-height: 1.7;
+ max-width: inherit;
+ margin-right: -3px;
+ padding: 10px;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+ color: #28303d;
+ border-color: #39414d;
+}
+
+.wp-block-search button.wp-block-search__button {
+ margin-left: 0;
+ background-color: transparent;
+ color: #39414d;
+}
+
+.wp-block-search button.wp-block-search__button:hover {
+ background-color: #39414d;
+ color: #d1e4dd;
+}
+
+.wp-block-search__button {
+ box-shadow: none;
+}
+
+hr {
+ border-style: none;
+ border-bottom: 1px solid #28303d;
+ clear: both;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+hr.wp-block-separator {
+ border-bottom: 1px solid #28303d;
+ /**
+ * Block Options
+ */
+}
+
+hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
+ max-width: 100%;
+}
+
+hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
+ border-bottom-width: 3px;
+}
+
+hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
+ background-color: transparent !important;
+}
+
+hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
+ color: currentColor !important;
+}
+
+hr.wp-block-separator.is-style-dots:before {
+ color: #28303d;
+ font-size: 2.25rem;
+ letter-spacing: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+@media only screen and (min-width: 652px){
+ hr.wp-block-separator.is-style-dots:before{
+ font-size: 2.5rem;
+ }
+}
+
+.has-background:not(.has-background-background-color) hr.wp-block-separator,
+[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator,
+[style*="background-color"] hr.wp-block-separator,
+.wp-block-cover[style*="background-image"] hr.wp-block-separator {
+ border-color: currentColor;
+}
+
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
+ color: #28303d;
+}
+
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
+ background: none;
+}
+
+.wp-block-spacer {
+ display: block;
+ margin-bottom: 0 !important;
+ margin-top: 0 !important;
+}
+
+@media only screen and (max-width: 481px) {
+ .wp-block-spacer[style] {
+ height: 20px !important;
+ }
+}
+
+table,
+.wp-block-table {
+ width: 100%;
+ min-width: 240px;
+ border-collapse: collapse;
+}
+
+table th {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.wp-block-table th {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+table td {
+ padding: 10px;
+ border: 1px solid;
+}
+
+table th {
+ padding: 10px;
+ border: 1px solid;
+}
+
+.wp-block-table td {
+ padding: 10px;
+ border: 1px solid;
+}
+
+.wp-block-table th {
+ padding: 10px;
+ border: 1px solid;
+}
+
+table.is-style-regular .has-background {
+ color: #28303d;
+}
+
+table.is-style-stripes .has-background thead tr {
+ color: #28303d;
+}
+
+table.is-style-stripes .has-background tfoot tr {
+ color: #28303d;
+}
+
+table.is-style-stripes .has-background tbody tr:nth-child(even) {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-regular .has-background {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background thead tr {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background tfoot tr {
+ color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
+ color: #28303d;
+}
+
+table.is-style-stripes {
+ border-color: #f0f0f0;
+}
+
+.wp-block-table.is-style-stripes {
+ border-color: #f0f0f0;
+}
+
+table.is-style-stripes th,
+table.is-style-stripes td,
+.wp-block-table.is-style-stripes th,
+.wp-block-table.is-style-stripes td {
+ border-width: 0;
+}
+
+table.is-style-stripes tbody tr:nth-child(odd) {
+ background-color: #f0f0f0;
+}
+
+.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
+ background-color: #f0f0f0;
+}
+
+table.wp-calendar-table td,
+table.wp-calendar-table th {
+ background: transparent;
+ border: 0;
+ text-align: center;
+ line-height: 2;
+ vertical-align: middle;
+ word-break: normal;
+}
+
+table.wp-calendar-table th {
+ font-weight: bold;
+}
+
+table.wp-calendar-table thead {
+ border: 1px solid #28303d;
+}
+
+table.wp-calendar-table tbody {
+ border: 1px solid #28303d;
+}
+
+table.wp-calendar-table caption {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: 20px;
+}
+
+.wp-calendar-nav {
+ text-align: left;
+ margin-top: 10px;
+}
+
+.wp-calendar-nav svg {
+ height: 1em;
+ vertical-align: middle;
+}
+
+.wp-calendar-nav svg path {
+ fill: currentColor;
+}
+
+.wp-calendar-nav .wp-calendar-nav-next {
+ float: right;
+}
+
+.wp-block-verse {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.wp-block-video figcaption {
+ color: #28303d;
+ font-size: 1rem;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ text-align: center;
+}
+
+* > figure > video {
+ max-width: unset;
+ width: 100%;
+ vertical-align: middle;
+}
+
+:root .is-extra-small-text {
+ font-size: 1rem;
+}
+
+:root .has-extra-small-font-size {
+ font-size: 1rem;
+}
+
+:root .is-small-text {
+ font-size: 1.125rem;
+}
+
+:root .has-small-font-size {
+ font-size: 1.125rem;
+}
+
+:root .is-regular-text {
+ font-size: 1.25rem;
+}
+
+:root .has-regular-font-size {
+ font-size: 1.25rem;
+}
+
+:root .is-normal-font-size {
+ font-size: 1.25rem;
+}
+
+:root .has-normal-font-size {
+ font-size: 1.25rem;
+}
+
+:root .has-medium-font-size {
+ font-size: 1.25rem;
+}
+
+:root .is-large-text {
+ font-size: 1.5rem;
+ line-height: 1.3;
+}
+
+:root .has-large-font-size {
+ font-size: 1.5rem;
+ line-height: 1.3;
+}
+
+:root .is-larger-text {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-larger-text{
+ font-size: 2.5rem;
+ }
+}
+
+:root .has-larger-font-size {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-larger-font-size{
+ font-size: 2.5rem;
+ }
+}
+
+:root .is-extra-large-text {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-extra-large-text{
+ font-size: 2.5rem;
+ }
+}
+
+:root .has-extra-large-font-size {
+ font-size: 2.5rem;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-extra-large-font-size{
+ font-size: 2.5rem;
+ }
+}
+
+:root .is-huge-text {
+ font-size: 6rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-huge-text{
+ font-size: 6rem;
+ }
+}
+
+:root .has-huge-font-size {
+ font-size: 6rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-huge-font-size{
+ font-size: 6rem;
+ }
+}
+
+:root .is-gigantic-text {
+ font-size: 9rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .is-gigantic-text{
+ font-size: 9rem;
+ }
+}
+
+:root .has-gigantic-font-size {
+ font-size: 9rem;
+ line-height: 1.3;
+ font-weight: 300;
+}
+
+@media only screen and (min-width: 652px){
+ :root .has-gigantic-font-size{
+ font-size: 9rem;
+ }
+}
+
+/* Block Alignments */
+/**
+ * These selectors set the default max width for content appearing inside a post or page.
+ */
+/**
+ * .alignleft
+ */
+.alignleft {
+ /*rtl:ignore*/
+ text-align: left;
+ margin-top: 0;
+}
+
+.entry-content > .alignleft {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .entry-content > .alignleft{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .entry-content > .alignleft{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .alignleft {
+ /*rtl:ignore*/
+ float: left;
+ /*rtl:ignore*/
+ margin-right: 25px;
+ margin-bottom: 30px;
+ }
+ .entry-content > .alignleft {
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignleft{
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignleft{
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 822px){
+ .entry-content > .alignleft{
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+}
+
+/**
+ * .aligncenter
+ */
+.aligncenter {
+ clear: both;
+ display: block;
+ float: none;
+ margin-right: auto;
+ margin-left: auto;
+ text-align: center;
+}
+
+/**
+ * .alignright
+ */
+.alignright {
+ margin-top: 0;
+ margin-bottom: 30px;
+}
+
+.entry-content > .alignright {
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .entry-content > .alignright{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .entry-content > .alignright{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .alignright {
+ /*rtl:ignore*/
+ float: right;
+ /*rtl:ignore*/
+ margin-left: 25px;
+ }
+ .entry-content > .alignright {
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignright{
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 482px){
+ .entry-content > .alignright{
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+ @media only screen and (min-width: 822px){
+ .entry-content > .alignright{
+ max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
+ }
+ }
+}
+
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
+ margin-top: 0;
+}
+
+/**
+ * .alignwide
+ */
+.alignwide {
+ clear: both;
+}
+
+/**
+ * .alignfull
+ */
+.alignfull {
+ clear: both;
+}
+
+.has-left-content {
+ justify-content: flex-start;
+}
+
+.has-right-content {
+ justify-content: flex-end;
+}
+
+.has-parallax {
+ background-attachment: fixed;
+}
+
+.has-drop-cap:not(:focus)::first-letter {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+ line-height: 0.66;
+ text-transform: uppercase;
+ font-style: normal;
+ float: left;
+ margin: 0.1em 0.1em 0 0;
+ font-size: 5rem;
+}
+
+@media only screen and (min-width: 652px){
+ .has-drop-cap:not(:focus)::first-letter{
+ font-size: 7rem;
+ }
+}
+
+.has-drop-cap:not(:focus)::after {
+ content: "";
+ display: table;
+ clear: both;
+ padding-top: 14px;
+}
+
+.desktop-only {
+ display: none;
+}
+
+@media only screen and (min-width: 482px) {
+ .desktop-only {
+ display: block;
+ }
+}
+
+/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
+.site-header {
+ display: flex;
+ align-items: flex-start;
+ flex-wrap: wrap;
+ row-gap: 30px;
+}
+
+.wp-custom-logo .site-header {
+ align-items: center;
+}
+
+@media only screen and (min-width: 482px) {
+ .site-header {
+ padding-top: 40px;
+ }
+}
+
+@media only screen and (min-width: 822px) {
+ .site-header {
+ padding-top: 72px;
+ }
+}
+
+.site-branding {
+ color: #28303d;
+ margin-right: 140px;
+}
+
+.site-branding:last-child {
+ margin-right: 0;
+ width: 100%;
+ text-align: center;
+}
+
+@media only screen and (min-width: 482px) {
+ .site-branding {
+ margin-right: initial;
+ margin-top: 4px;
+ }
+}
+
+.site-title {
+ color: #28303d;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.5rem;
+ letter-spacing: normal;
+ text-transform: uppercase;
+ line-height: 1.3;
+ margin-bottom: 5px;
+}
+
+.site-title a {
+ color: currentColor;
+ font-weight: normal;
+}
+
+.site-title a:link, .site-title a:visited, .site-title a:active {
+ color: currentColor;
+}
+
+.site-title a:hover {
+ color: #39414d;
+}
+
+.site-title a:focus {
+ color: #39414d;
+}
+
+@media only screen and (min-width: 482px) {
+ .site-title {
+ font-size: 1.5rem;
+ }
+}
+
+.site-description {
+ color: currentColor;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ line-height: 1.4;
+}
+
+a.custom-logo-link {
+ text-decoration: none;
+}
+
+.site-title > a {
+ text-decoration-color: #39414d;
+}
+
+.site-logo {
+ margin: 15px 0;
+}
+
+.site-header > .site-logo {
+ width: 100%;
+ padding-bottom: 45px;
+ border-bottom: 1px solid;
+ text-align: center;
+}
+
+.site-logo .custom-logo {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 96px;
+ max-height: 96px;
+ height: auto;
+ display: inline-block;
+ width: auto;
+}
+
+@media only screen and (min-width: 482px) {
+ .site-logo .custom-logo {
+ max-width: 300px;
+ max-height: 100px;
+ height: auto;
+ width: auto;
+ }
+}
+
+@media only screen and (max-width: 481px) {
+ .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
+ position: absolute;
+ padding-top: 15px;
+ margin-top: 0;
+ top: 0;
+ }
+ .admin-bar .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
+ top: 46px;
+ }
+ .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
+ display: none;
+ }
+ .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
+ max-height: calc(10px + 2em);
+ }
+ .site-header.has-logo.has-title-and-tagline {
+ align-items: flex-start;
+ }
+ .site-header.has-logo.has-title-and-tagline.has-menu {
+ justify-content: space-between;
+ }
+ .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
+ max-width: calc(100% - 160px);
+ }
+ .site-header.has-logo.has-title-and-tagline .site-branding {
+ margin-right: 0;
+ }
+ body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
+ display: none;
+ }
+ body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
+ position: relative;
+ top: 0;
+ }
+ body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
+ position: relative;
+ padding-top: 0;
+ margin-top: -10px;
+ }
+ body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
+ padding-left: 11px;
+ padding-right: 11px;
+ margin-right: -15px;
+ }
+ .site-header:not(.has-logo).has-title-and-tagline .site-branding {
+ margin-right: 0;
+ max-width: calc(100% - 160px);
+ }
+ .site-header:not(.has-menu) {
+ justify-content: center;
+ }
+}
+
+.site-footer {
+ padding-top: 0;
+ padding-bottom: 51px;
+}
+
+.no-widgets .site-footer {
+ margin-top: 180px;
+}
+
+.site-footer > .site-info {
+ padding-top: 30px;
+ color: #28303d;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1rem;
+ line-height: 1.7;
+ border-top: 3px solid #28303d;
+}
+
+.site-footer > .site-info .site-name {
+ text-transform: uppercase;
+ font-size: 1.5rem;
+}
+
+.site-footer > .site-info .powered-by {
+ margin-top: 15px;
+}
+
+@media only screen and (min-width: 822px) {
+ .site-footer > .site-info {
+ display: flex;
+ align-items: center;
+ }
+ .site-footer > .site-info .powered-by {
+ margin-top: initial;
+ margin-left: auto;
+ }
+}
+
+.site-footer > .site-info a {
+ color: #28303d;
+}
+
+.site-footer > .site-info a:link {
+ color: #28303d;
+}
+
+.site-footer > .site-info a:visited {
+ color: #28303d;
+}
+
+.site-footer > .site-info a:active {
+ color: #28303d;
+}
+
+.site-footer > .site-info a:hover {
+ color: #28303d;
+}
+
+.site-footer > .site-info a:focus {
+ color: #28303d;
+}
+
+.singular .entry-header {
+ border-bottom: 3px solid #28303d;
+ padding-bottom: 60px;
+ margin-bottom: 90px;
+}
+
+.home .entry-header {
+ border-bottom: none;
+ padding-bottom: 0;
+ margin-bottom: 0;
+}
+
+.singular .has-post-thumbnail .entry-header {
+ border-bottom: none;
+ padding-bottom: 39px;
+ margin-bottom: 0;
+}
+
+.no-results.not-found > *:first-child {
+ margin-bottom: 90px;
+}
+
+.page-links {
+ clear: both;
+}
+
+.page-links .post-page-numbers {
+ margin-left: 13px;
+ margin-right: 13px;
+ padding: 10px 0;
+}
+
+.page-links .post-page-numbers:first-child {
+ margin-left: 0;
+}
+
+.entry-title {
+ color: #28303d;
+ font-size: 2.25rem;
+ letter-spacing: normal;
+ line-height: 1.3;
+ overflow-wrap: break-word;
+}
+
+@media only screen and (min-width: 652px){
+ .entry-title{
+ font-size: 3rem;
+ }
+}
+
+@media only screen and (min-width: 652px){
+ .entry-title{
+ font-size: 3rem;
+ }
+}
+
+.entry-title a {
+ color: currentColor;
+ text-underline-offset: 0.15em;
+}
+
+.entry-title a:hover {
+ color: #28303d;
+}
+
+.entry-title a:focus {
+ color: #39414d;
+}
+
+.entry-title a:active {
+ color: currentColor;
+}
+
+.singular .entry-title {
+ font-size: 4rem;
+}
+
+@media only screen and (min-width: 652px){
+ .singular .entry-title{
+ font-size: 6rem;
+ }
+}
+
+h1.entry-title {
+ line-height: 1.1;
+ font-weight: 300;
+}
+
+/**
+ * Entry Content
+ */
+.entry-content {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+.entry-summary {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.entry-content p {
+ word-wrap: break-word;
+}
+
+.entry-content .more-link:hover {
+ text-decoration: none;
+}
+
+.entry-content > iframe[style] {
+ margin: 30px 0 !important;
+ max-width: 100% !important;
+}
+
+@media only screen and (min-width: 482px) {
+ .entry-content > iframe[style] {
+ max-width: 30px !important;
+ }
+}
+
+.entry-footer {
+ color: #28303d;
+ clear: both;
+ float: none;
+ font-size: 1rem;
+ display: block;
+}
+
+.entry-footer a {
+ color: currentColor;
+}
+
+.entry-footer a:hover {
+ color: #28303d;
+}
+
+.entry-footer a:focus {
+ color: #28303d;
+}
+
+.entry-footer a:active {
+ color: currentColor;
+}
+
+.site-main > article > .entry-footer {
+ margin-top: 30px;
+ padding-top: 20px;
+ padding-bottom: 90px;
+ border-bottom: 1px solid #28303d;
+}
+
+body:not(.single) .site-main > article:last-of-type .entry-footer {
+ border-bottom: 1px solid transparent;
+}
+
+.single .site-main > article > .entry-footer {
+ margin-top: 102px;
+ margin-bottom: 102px;
+ padding-bottom: 0;
+ padding-top: 24px;
+ border-top: 3px solid #28303d;
+ border-bottom: 1px solid transparent;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ column-gap: 50px;
+}
+
+.single .site-main > article > .entry-footer .post-taxonomies,
+.single .site-main > article > .entry-footer .full-size-link {
+ justify-content: flex-end;
+ text-align: right;
+}
+
+.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
+ grid-column: span 2;
+}
+
+.single .site-main > article > .entry-footer .posted-on,
+.single .site-main > article > .entry-footer .byline,
+.single .site-main > article > .entry-footer .cat-links,
+.single .site-main > article > .entry-footer .tags-links {
+ display: block;
+}
+
+@media only screen and (max-width: 481px) {
+ .single .site-main > article > .entry-footer {
+ display: block;
+ }
+ .single .site-main > article > .entry-footer .full-size-link {
+ display: block;
+ }
+ .single .site-main > article > .entry-footer .post-taxonomies,
+ .single .site-main > article > .entry-footer .full-size-link {
+ text-align: left;
+ }
+}
+
+/**
+ * Post Thumbnails
+ */
+.post-thumbnail {
+ text-align: center;
+}
+
+.post-thumbnail .wp-post-image {
+ display: block;
+ width: auto;
+ min-width: calc(100vw - 30px);
+ max-width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 60px;
+}
+
+@media only screen and (min-width: 482px){
+ .post-thumbnail .wp-post-image{
+ min-width: min(calc(100vw - 100px), 610px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .post-thumbnail .wp-post-image{
+ min-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+/**
+ * Author
+ */
+.author-bio {
+ position: relative;
+ font-size: 1rem;
+ max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px){
+ .author-bio{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+@media only screen and (min-width: 822px){
+ .author-bio{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+.site-main > article > .author-bio {
+ margin-top: 60px;
+}
+
+.author-bio.show-avatars .avatar {
+ display: inline-block;
+ vertical-align: top;
+ border-radius: 50%;
+}
+
+.author-bio.show-avatars .author-bio-content {
+ display: inline-block;
+ padding-left: 25px;
+ max-width: calc(100vw - 120px);
+}
+
+@media only screen and (min-width: 482px){
+ .author-bio.show-avatars .author-bio-content{
+ max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .author-bio.show-avatars .author-bio-content{
+ max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px);
+ }
+}
+
+.author-bio .author-bio-content .author-title {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.5rem;
+ display: inline;
+}
+
+.author-bio .author-bio-content .author-description {
+ font-size: 1rem;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+
+.page-title {
+ font-size: 4rem;
+}
+
+@media only screen and (min-width: 652px){
+ .page-title{
+ font-size: 6rem;
+ }
+}
+
+h1.page-title {
+ font-weight: 300;
+}
+
+h2.page-title {
+ font-weight: 300;
+}
+
+h1.page-title {
+ line-height: 1.1;
+}
+
+.page-header {
+ border-bottom: 3px solid #28303d;
+ padding-bottom: 60px;
+}
+
+.archive .content-area .format-aside .entry-content {
+ font-size: 1.5rem;
+}
+
+.archive .content-area .format-status .entry-content {
+ font-size: 1.5rem;
+}
+
+.archive .content-area .format-link .entry-content {
+ font-size: 1.5rem;
+}
+
+.search .content-area .format-aside .entry-content {
+ font-size: 1.5rem;
+}
+
+.search .content-area .format-status .entry-content {
+ font-size: 1.5rem;
+}
+
+.search .content-area .format-link .entry-content {
+ font-size: 1.5rem;
+}
+
+.blog .content-area .format-aside .entry-content {
+ font-size: 1.5rem;
+}
+
+.blog .content-area .format-status .entry-content {
+ font-size: 1.5rem;
+}
+
+.blog .content-area .format-link .entry-content {
+ font-size: 1.5rem;
+}
+
+.archive .format-image .entry-content {
+ margin-top: 60px;
+}
+
+.archive .format-gallery .entry-content {
+ margin-top: 60px;
+}
+
+.archive .format-video .entry-content {
+ margin-top: 60px;
+}
+
+.search .format-image .entry-content {
+ margin-top: 60px;
+}
+
+.search .format-gallery .entry-content {
+ margin-top: 60px;
+}
+
+.search .format-video .entry-content {
+ margin-top: 60px;
+}
+
+.blog .format-image .entry-content {
+ margin-top: 60px;
+}
+
+.blog .format-gallery .entry-content {
+ margin-top: 60px;
+}
+
+.blog .format-video .entry-content {
+ margin-top: 60px;
+}
+
+.archive.logged-in .entry-footer .posted-on {
+ margin-right: 10px;
+}
+
+.search.logged-in .entry-footer .posted-on {
+ margin-right: 10px;
+}
+
+.blog.logged-in .entry-footer .posted-on {
+ margin-right: 10px;
+}
+
+.error404 main p {
+ font-size: 1.5rem;
+ margin-bottom: 50px;
+}
+
+.search-no-results .page-content {
+ margin-top: 90px;
+}
+
+/**
+ * Comments Wrapper
+ */
+.comments-area > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.comments-area > *:first-child {
+ margin-top: 0;
+}
+
+.comments-area > *:last-child {
+ margin-bottom: 0;
+}
+
+.comments-area.show-avatars .avatar {
+ border-radius: 50%;
+ position: absolute;
+ top: 10px;
+}
+
+.comments-area.show-avatars .fn {
+ display: inline-block;
+ padding-left: 85px;
+}
+
+.comments-area.show-avatars .comment-metadata {
+ padding: 8px 0 9px 85px;
+}
+
+/**
+ * Comment Title
+ */
+.comments-title {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+}
+@media only screen and (min-width: 652px){
+ .comments-title{
+ font-size: 3rem;
+ }
+}
+@media only screen and (min-width: 652px){
+ .comments-title{
+ font-size: 3rem;
+ }
+}
+.comment-reply-title {
+ font-size: 2.25rem;
+ letter-spacing: normal;
+}
+@media only screen and (min-width: 652px){
+ .comment-reply-title{
+ font-size: 3rem;
+ }
+}
+@media only screen and (min-width: 652px){
+ .comment-reply-title{
+ font-size: 3rem;
+ }
+}
+
+.comment-reply-title {
+ display: flex;
+ justify-content: space-between;
+}
+
+.comment-reply-title small a {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1rem;
+ font-style: normal;
+ font-weight: normal;
+ letter-spacing: normal;
+}
+
+/* Nested comment reply title*/
+.comment .comment-respond .comment-reply-title {
+ font-size: 1.5rem;
+}
+
+/**
+ * Comment Lists
+ */
+.comment-list {
+ padding-left: 0;
+ list-style: none;
+}
+
+.comment-list > li {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.comment-list .children {
+ list-style: none;
+ padding-left: 0;
+}
+
+.comment-list .children > li {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+@media only screen and (min-width: 482px) {
+ .comment-list .depth-2 {
+ padding-left: 100px;
+ }
+ .comment-list .depth-3 {
+ padding-left: 100px;
+ }
+}
+
+/**
+ * Comment Meta
+ */
+.comment-meta .comment-author {
+ line-height: 1.3;
+ margin-bottom: 5px;
+}
+
+@media only screen and (min-width: 482px) {
+ .comment-meta .comment-author {
+ margin-bottom: 0;
+ padding-right: 0;
+ }
+}
+
+.comment-meta .comment-author .fn {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+ font-size: 1.5rem;
+ hyphens: auto;
+ word-wrap: break-word;
+ word-break: break-word;
+}
+
+.comment-meta .comment-metadata {
+ color: #28303d;
+ font-size: 1rem;
+ padding: 8px 0 9px 0;
+}
+
+.comment-meta .comment-metadata .edit-link {
+ margin-left: 25px;
+}
+
+@media only screen and (min-width: 482px) {
+ .comment-meta {
+ margin-right: inherit;
+ }
+ .comment-meta .comment-author {
+ max-width: inherit;
+ }
+}
+
+.reply {
+ font-size: 1.125rem;
+ line-height: 1.3;
+}
+
+.bypostauthor {
+ display: block;
+}
+
+.says {
+ display: none;
+}
+
+.pingback .url {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.trackback .url {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.comment-body {
+ position: relative;
+ margin-bottom: 51px;
+}
+
+.comment-body > * {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.comment-body .reply {
+ margin: 0;
+}
+
+.comment-content a {
+ word-wrap: break-word;
+}
+
+.pingback .comment-body {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.trackback .comment-body {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.comment-respond {
+ margin-top: 30px;
+}
+
+.comment-respond > * {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.comment-respond > *:first-child {
+ margin-top: 0;
+}
+
+.comment-respond > *:last-child {
+ margin-bottom: 0;
+}
+
+.comment-respond > *:last-child.comment-form {
+ margin-bottom: 30px;
+}
+
+.comment-author {
+ padding-top: 3px;
+}
+
+.comment-author .url {
+ color: currentColor;
+}
+
+.comment-form {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.comment-form > * {
+ flex-basis: 100%;
+}
+
+.comment-form .comment-notes {
+ font-size: 1.125rem;
+}
+
+.comment-form .comment-form-url,
+.comment-form .comment-form-comment {
+ width: 100%;
+}
+
+.comment-form .comment-form-author,
+.comment-form .comment-form-email {
+ flex-basis: 0;
+ flex-grow: 1;
+}
+
+@media only screen and (max-width: 481px) {
+ .comment-form .comment-form-author,
+ .comment-form .comment-form-email {
+ flex-basis: 100%;
+ }
+}
+
+.comment-form .comment-form-cookies-consent > label {
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.comment-form .comment-notes {
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.comment-form > p {
+ margin-bottom: 20px;
+}
+
+.comment-form > p:first-of-type {
+ margin-top: 0;
+}
+
+.comment-form > p:last-of-type {
+ margin-bottom: 0;
+}
+
+.comment-form > p label {
+ display: block;
+ font-size: 1.125rem;
+ margin-bottom: 10px;
+ width: 100%;
+ font-weight: 500;
+}
+
+.comment-form > p input[type="email"] {
+ display: block;
+ font-size: 1.125rem;
+ margin-bottom: 10px;
+ width: 100%;
+ font-weight: 500;
+}
+
+.comment-form > p input[type="text"] {
+ display: block;
+ font-size: 1.125rem;
+ margin-bottom: 10px;
+ width: 100%;
+ font-weight: 500;
+}
+
+.comment-form > p input[type="url"] {
+ display: block;
+ font-size: 1.125rem;
+ margin-bottom: 10px;
+ width: 100%;
+ font-weight: 500;
+}
+
+.comment-form > p textarea {
+ display: block;
+ font-size: 1.125rem;
+ margin-bottom: 10px;
+ width: 100%;
+ font-weight: 500;
+}
+
+.comment-form > p.comment-form-cookies-consent {
+ display: flex;
+}
+
+@media only screen and (min-width: 482px) {
+ .comment-form > p.comment-form-author {
+ margin-right: 38px;
+ }
+ .comment-form > p.comment-notes, .comment-form > p.logged-in-as {
+ display: block;
+ }
+}
+
+.menu-button-container {
+ display: none;
+ justify-content: space-between;
+ position: absolute;
+ right: 0;
+ padding-top: 15px;
+ padding-bottom: 8px;
+}
+
+.menu-button-container #primary-mobile-menu {
+ margin-left: auto;
+ padding: 10px 25px;
+ margin-right: 10px;
+}
+
+@media only screen and (max-width: 481px) {
+ .menu-button-container {
+ display: flex;
+ }
+}
+
+.menu-button-container .button.button {
+ display: flex;
+ font-size: 1rem;
+ font-weight: 500;
+ background-color: transparent;
+ border: none;
+ color: #28303d;
+}
+
+.menu-button-container .button.button .dropdown-icon {
+ display: flex;
+ align-items: center;
+}
+
+.menu-button-container .button.button .dropdown-icon .svg-icon {
+ margin-left: 5px;
+}
+
+.menu-button-container .button.button .dropdown-icon.open .svg-icon {
+ position: relative;
+ top: -1px;
+}
+
+.menu-button-container .button.button .dropdown-icon.close {
+ display: none;
+}
+
+.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.open {
+ display: none;
+}
+
+.menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
+ display: flex;
+}
+
+.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*="true"] .dropdown-icon.close {
+ animation-name: twentytwentyone-close-button-transition;
+ animation-duration: 0.3s;
+}
+
+.primary-navigation-open .menu-button-container {
+ width: 100%;
+ z-index: 500;
+ background-color: #d1e4dd;
+}
+
+.primary-navigation-open .menu-button-container #primary-mobile-menu {
+ position: static;
+}
+
+.primary-navigation {
+ position: absolute;
+ top: 0;
+ right: 0;
+ color: #28303d;
+ font-size: 1.25rem;
+ line-height: 1.15;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.primary-navigation > .primary-menu-container {
+ position: fixed;
+ visibility: hidden;
+ opacity: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding-top: calc(2rem + 47px);
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-bottom: 25px;
+ background-color: #d1e4dd;
+ overflow-x: hidden;
+ overflow-y: auto;
+ transition: all .15s ease-in-out;
+ transform: translateY(30px);
+}
+
+@media only screen and (max-width: 481px) {
+ .primary-navigation > .primary-menu-container {
+ height: 100vh;
+ z-index: 499;
+ }
+ .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
+ position: fixed;
+ transform: translateY(0) translateX(100%);
+ }
+ .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
+ top: 46px;
+ }
+ .admin-bar .primary-navigation > .primary-menu-container {
+ height: calc(100vh - 46px);
+ }
+}
+
+@media only screen and (max-width: 481px) {
+ .primary-navigation-open .primary-navigation {
+ width: 100%;
+ position: fixed;
+ z-index: 2;
+ }
+}
+
+.primary-navigation-open .primary-navigation > .primary-menu-container {
+ position: absolute;
+ visibility: visible;
+ opacity: 1;
+ transform: translateY(0);
+}
+
+@media only screen and (max-width: 481px) {
+ .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
+ transform: translateX(0) translateY(0);
+ }
+}
+
+.admin-bar .primary-navigation {
+ top: 46px;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation {
+ position: relative;
+ margin-left: auto;
+ }
+ .primary-navigation > .primary-menu-container {
+ visibility: visible;
+ opacity: 1;
+ position: relative;
+ padding: 0;
+ background-color: transparent;
+ overflow: initial;
+ transform: none;
+ }
+ .primary-navigation #toggle-menu {
+ display: none;
+ }
+ .primary-navigation > .primary-menu-container ul > li:not(.hover) .sub-menu-toggle[aria-expanded="false"] ~ ul {
+ display: none;
+ }
+ .admin-bar .primary-navigation {
+ top: initial;
+ }
+ .admin-bar .primary-navigation > .primary-menu-container {
+ top: initial;
+ }
+}
+
+.primary-navigation > div > .menu-wrapper {
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 0;
+ max-width: none;
+ padding-left: 0;
+ position: relative;
+}
+
+@media only screen and (max-width: 481px) {
+ .primary-navigation > div > .menu-wrapper ul {
+ padding-left: 0;
+ }
+}
+
+.primary-navigation > div > .menu-wrapper li {
+ display: block;
+ position: relative;
+ width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation > div > .menu-wrapper li {
+ margin: 0;
+ width: inherit;
+ }
+ .primary-navigation > div > .menu-wrapper li:last-child {
+ margin-right: 0;
+ }
+}
+
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
+ display: flex;
+ height: calc(27px + 1em);
+ width: 44px;
+ padding: 0;
+ justify-content: center;
+ align-items: center;
+ background: transparent;
+ color: currentColor;
+ border: none;
+}
+
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
+ outline: 2px solid #28303d;
+}
+
+@media only screen and (max-width: 481px) {
+ .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
+ display: none;
+ }
+}
+
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
+ height: 100%;
+ display: flex;
+ align-items: center;
+}
+
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
+ margin-top: -1px;
+}
+
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
+ display: none;
+}
+
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-minus {
+ display: flex;
+}
+
+.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded="true"] .icon-plus {
+ display: none;
+}
+
+.primary-navigation > div > .menu-wrapper .hover .sub-menu-toggle .icon-minus {
+ display: flex;
+}
+
+.primary-navigation > div > .menu-wrapper .hover .sub-menu-toggle .icon-plus {
+ display: none;
+}
+
+.primary-navigation > div > .menu-wrapper > li > .sub-menu {
+ position: relative;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu {
+ left: 0;
+ margin: 0;
+ min-width: max-content;
+ position: absolute;
+ top: 100%;
+ padding-top: 3px;
+ transition: all 0.5s ease;
+ z-index: 88888;
+ }
+ .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
+ background: #d1e4dd;
+ }
+}
+
+.primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu {
+ width: 100%;
+}
+
+.primary-navigation .primary-menu > .menu-item:hover > a {
+ color: #28303d;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation .primary-menu-container {
+ margin-right: -13px;
+ margin-left: -13px;
+ }
+ .primary-navigation .primary-menu-container > ul > .menu-item {
+ display: flex;
+ }
+ .primary-navigation .primary-menu-container > ul > .menu-item > a {
+ padding-left: 13px;
+ padding-right: 13px;
+ }
+ .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
+ margin-left: -13px;
+ }
+}
+
+.primary-navigation a {
+ display: block;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.125rem;
+ font-weight: normal;
+ padding: 13px 0;
+ text-decoration: none;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation a {
+ display: block;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.25rem;
+ font-weight: normal;
+ }
+}
+
+.primary-navigation a + svg {
+ fill: #28303d;
+}
+
+.primary-navigation a:hover {
+ color: #28303d;
+}
+
+.primary-navigation a:link {
+ color: #28303d;
+}
+
+.primary-navigation a:visited {
+ color: #28303d;
+}
+
+.primary-navigation a:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+}
+
+.primary-navigation a:focus {
+ position: relative;
+ z-index: 99999;
+ outline-offset: 0;
+}
+
+.primary-navigation .current-menu-item > a:first-child,
+.primary-navigation .current_page_item > a:first-child {
+ text-decoration: underline;
+ text-decoration-style: solid;
+}
+
+.primary-navigation .current-menu-item > a:first-child:hover,
+.primary-navigation .current_page_item > a:first-child:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+}
+
+.primary-navigation .sub-menu {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ margin-left: 13px;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation .sub-menu > .menu-item > .sub-menu {
+ padding: 0;
+ }
+}
+
+@media only screen and (max-width: 481px) {
+ .primary-navigation .sub-menu .menu-item:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.primary-navigation .sub-menu .menu-item > a {
+ padding: 17px 13px;
+ display: block;
+ font-size: 1.125rem;
+ font-style: normal;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation .sub-menu .menu-item > a {
+ font-size: 1rem;
+ font-style: normal;
+ }
+}
+
+.primary-navigation .menu-item-has-children > .svg-icon {
+ display: none;
+}
+
+@media only screen and (min-width: 482px) {
+ .primary-navigation .menu-item-has-children > .svg-icon {
+ display: inline-block;
+ height: 100%;
+ }
+ .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
+ display: none;
+ }
+}
+
+.primary-navigation .menu-item-description {
+ display: block;
+ clear: both;
+ font-size: 1rem;
+ text-transform: none;
+ line-height: 1.7;
+}
+
+.primary-navigation .menu-item-description > span {
+ display: inline-block;
+}
+
+@media only screen and (max-width: 481px) {
+ .lock-scrolling .site {
+ position: fixed;
+ max-width: 100%;
+ width: 100%;
+ }
+}
+
+@keyframes twentytwentyone-close-button-transition {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+.footer-navigation {
+ margin-top: 30px;
+ margin-bottom: 60px;
+ color: #28303d;
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.footer-navigation-wrapper {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ list-style: none;
+ padding-left: 0;
+}
+
+.footer-navigation-wrapper li {
+ display: inline;
+ line-height: 3;
+}
+
+.footer-navigation-wrapper li a {
+ padding: 17px 13px;
+ transition: transform 0.1s ease;
+ color: #28303d;
+}
+
+.footer-navigation-wrapper li a:link {
+ color: #28303d;
+}
+
+.footer-navigation-wrapper li a:visited {
+ color: #28303d;
+}
+
+.footer-navigation-wrapper li a:active {
+ color: #28303d;
+}
+
+.footer-navigation-wrapper li a:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+ text-decoration-skip-ink: none;
+ color: #28303d;
+}
+
+.footer-navigation-wrapper li .svg-icon {
+ vertical-align: middle;
+ fill: #28303d;
+}
+
+.footer-navigation-wrapper li .svg-icon:hover {
+ transform: scale(1.1);
+}
+
+.footer-navigation-wrapper .sub-menu-toggle,
+.footer-navigation-wrapper .menu-item-description {
+ display: none;
+}
+
+/* Next/Previous navigation */
+.navigation {
+ color: #28303d;
+}
+
+.navigation a {
+ color: #28303d;
+ text-decoration: none;
+}
+
+.navigation a:hover {
+ color: #28303d;
+ text-decoration: underline;
+}
+
+.navigation a:focus {
+ color: #39414d;
+}
+
+.navigation a:active {
+ color: #28303d;
+}
+
+.navigation .nav-links .nav-next a,
+.navigation .nav-links .nav-previous a {
+ display: flex;
+ flex-direction: column;
+}
+
+@media only screen and (min-width: 592px) {
+ .navigation .nav-links {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ }
+ .navigation .nav-links .nav-next {
+ flex: 0 1 auto;
+ margin-bottom: inherit;
+ margin-top: inherit;
+ max-width: calc(50% - 10px);
+ }
+ .navigation .nav-links .nav-previous {
+ flex: 0 1 auto;
+ margin-bottom: inherit;
+ margin-top: inherit;
+ max-width: calc(50% - 10px);
+ }
+ .navigation .nav-links .nav-next {
+ text-align: right;
+ }
+}
+
+.navigation .svg-icon {
+ display: inline-block;
+ fill: currentColor;
+ vertical-align: middle;
+ position: relative;
+}
+
+.navigation .nav-previous .svg-icon {
+ top: -2px;
+ margin-right: 5px;
+}
+
+.navigation .prev .svg-icon {
+ top: -2px;
+ margin-right: 5px;
+}
+
+.navigation .nav-next .svg-icon {
+ top: -1px;
+ margin-left: 5px;
+}
+
+.navigation .next .svg-icon {
+ top: -1px;
+ margin-left: 5px;
+}
+
+.post-navigation {
+ margin: 30px auto;
+}
+
+@media only screen and (min-width: 822px) {
+ .post-navigation {
+ margin: 30px auto;
+ }
+}
+
+.post-navigation .meta-nav {
+ line-height: 1.7;
+ color: #28303d;
+}
+
+.post-navigation .post-title {
+ display: inline-block;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.5rem;
+ font-weight: 600;
+ line-height: 1.3;
+}
+
+@media only screen and (min-width: 822px) {
+ .post-navigation .post-title {
+ margin: 5px 29px 0;
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .post-navigation .nav-links {
+ justify-content: space-between;
+ }
+}
+
+.post-navigation .nav-next {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.post-navigation .nav-previous {
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.post-navigation .nav-next:first-child,
+.post-navigation .nav-previous:first-child {
+ margin-top: 0;
+}
+
+.post-navigation .nav-next:last-child,
+.post-navigation .nav-previous:last-child {
+ margin-bottom: 0;
+}
+
+.post-navigation .nav-next:hover .post-title,
+.post-navigation .nav-previous:hover .post-title {
+ text-decoration: underline;
+ text-decoration-thickness: 1px;
+}
+
+.pagination {
+ border-top: 3px solid #28303d;
+ padding-top: 30px;
+ margin: 30px auto;
+}
+
+.comments-pagination {
+ border-top: 3px solid #28303d;
+ padding-top: 30px;
+ margin: 30px auto;
+}
+
+@media only screen and (min-width: 822px) {
+ .pagination {
+ margin: 30px auto;
+ }
+ .comments-pagination {
+ margin: 30px auto;
+ }
+}
+
+.pagination .nav-links > * {
+ color: #28303d;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.5rem;
+ font-weight: normal;
+ margin-left: 13px;
+ margin-right: 13px;
+}
+
+@media (prefers-color-scheme: dark){
+ .pagination .nav-links > *{
+ color: #f0f0f0;
+ }
+}
+
+.comments-pagination .nav-links > * {
+ color: #28303d;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-size: 1.5rem;
+ font-weight: normal;
+ margin-left: 13px;
+ margin-right: 13px;
+}
+
+@media (prefers-color-scheme: dark){
+ .comments-pagination .nav-links > *{
+ color: #f0f0f0;
+ }
+}
+
+.pagination .nav-links > *.current {
+ border-bottom: 1px solid #28303d;
+}
+
+.comments-pagination .nav-links > *.current {
+ border-bottom: 1px solid #28303d;
+}
+
+.pagination .nav-links > *:first-child,
+.comments-pagination .nav-links > *:first-child {
+ margin-left: 0;
+}
+
+.pagination .nav-links > *a:hover {
+ color: #28303d;
+}
+
+.comments-pagination .nav-links > *a:hover {
+ color: #28303d;
+}
+
+.pagination .nav-links > *:last-child,
+.comments-pagination .nav-links > *:last-child {
+ margin-right: 0;
+}
+
+.pagination .nav-links > *.next,
+.comments-pagination .nav-links > *.next {
+ margin-left: auto;
+}
+
+.pagination .nav-links > *.prev,
+.comments-pagination .nav-links > *.prev {
+ margin-right: auto;
+}
+
+@media only screen and (max-width: 591px) {
+ .pagination .nav-links,
+ .comments-pagination .nav-links {
+ display: flex;
+ flex-wrap: wrap;
+ }
+ .pagination .page-numbers,
+ .comments-pagination .page-numbers {
+ display: none;
+ }
+ .pagination .page-numbers.prev, .pagination .page-numbers.next,
+ .comments-pagination .page-numbers.prev,
+ .comments-pagination .page-numbers.next {
+ display: inline-block;
+ flex: 0 1 auto;
+ }
+}
+
+.comments-pagination {
+ padding-top: 20px;
+ margin: 90px auto;
+}
+
+@media only screen and (min-width: 822px) {
+ .comments-pagination {
+ margin: 90px auto 120px auto;
+ }
+}
+
+.comments-pagination .nav-links > * {
+ font-size: 1.25rem;
+}
+
+.widget-area {
+ margin-top: 180px;
+ padding-bottom: 10px;
+ color: #28303d;
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+@media only screen and (min-width: 822px) {
+ .widget-area {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ column-gap: 50px;
+ }
+}
+
+.widget-area ul {
+ list-style-type: none;
+ padding: 0;
+}
+
+.widget-area ul li {
+ line-height: 1.9;
+}
+
+.widget-area ul.sub-menu {
+ margin-left: 13px;
+}
+
+.widget-area ul.children {
+ margin-left: 13px;
+}
+
+.widget-area ul .sub-menu-toggle {
+ display: none;
+}
+
+.widget-area a {
+ color: #28303d;
+ text-decoration: underline;
+ text-decoration-style: solid;
+ text-decoration-color: currentColor;
+}
+
+.widget-area a:link {
+ color: #28303d;
+}
+
+.widget-area a:visited {
+ color: #28303d;
+}
+
+.widget-area a:active {
+ color: #28303d;
+}
+
+.widget-area a:hover {
+ color: #28303d;
+ text-decoration-style: dotted;
+}
+
+.widget-area .wp-block-social-links.alignright {
+ margin-top: 30px;
+ justify-content: flex-end;
+}
+
+.widget-area .wp-block-social-links.alignleft {
+ margin-top: 30px;
+}
+
+.widget-area:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.widget-title {
+ font-size: 1.125rem;
+ font-weight: 700;
+ line-height: 1.4;
+}
+
+.search-form {
+ display: flex;
+ flex-wrap: wrap;
+ margin: auto;
+ max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px){
+ .search-form{
+ max-width: min(calc(100vw - 100px), 610px);
+ }
+}
+
+@media only screen and (min-width: 822px){
+ .search-form{
+ max-width: min(calc(100vw - 200px), 610px);
+ }
+}
+
+.search-form > label {
+ width: 100%;
+ margin-bottom: 0;
+ font-weight: 500;
+}
+
+.search-form .search-field {
+ flex-grow: 1;
+ max-width: inherit;
+ margin-top: 10px;
+ margin-right: 17px;
+}
+
+.search-form .search-submit {
+ margin-top: 10px;
+ margin-left: 10px;
+}
+
+.widget_search > .search-form .search-field {
+ margin-right: -3px;
+ -webkit-appearance: none;
+ margin-bottom: 15px;
+}
+
+.widget_search > .search-form .search-submit {
+ margin-left: 0;
+ background-color: transparent;
+ color: #39414d;
+ margin-bottom: 15px;
+}
+
+.widget_search > .search-form .search-submit:hover {
+ background-color: #39414d;
+ color: #d1e4dd;
+}
+
+.widget_rss a.rsswidget .rss-widget-icon {
+ display: none;
+}
+
+/* Category 07 is for any utility classes that are not assigned to a specific component. */
+.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;
+}
+
+.skip-link:focus {
+ background-color: #f1f1f1;
+ border-radius: 3px;
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ clip: auto !important;
+ -webkit-clip-path: none;
+ clip-path: none;
+ color: #21759b;
+ display: block;
+ font-size: 0.875rem;
+ font-weight: 700;
+ height: auto;
+ left: 5px;
+ line-height: normal;
+ padding: 15px 23px 14px;
+ text-decoration: none;
+ top: 5px;
+ width: auto;
+ z-index: 100000;
+}
+
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+ outline: 0;
+}
+
+@media (prefers-reduced-motion) {
+ * {
+ transition-delay: 0s !important;
+ transition-duration: 0s !important;
+ }
+}
+
+.has-black-color[class] {
+ color: #000;
+}
+
+.has-gray-color[class] {
+ color: #39414d;
+}
+
+.has-dark-gray-color[class] {
+ color: #28303d;
+}
+
+.has-green-color[class] {
+ color: #d1e4dd;
+}
+
+.has-blue-color[class] {
+ color: #d1dfe4;
+}
+
+.has-purple-color[class] {
+ color: #d1d1e4;
+}
+
+.has-red-color[class] {
+ color: #e4d1d1;
+}
+
+.has-orange-color[class] {
+ color: #e4dad1;
+}
+
+.has-yellow-color[class] {
+ color: #eeeadd;
+}
+
+.has-white-color[class] {
+ color: #fff;
+}
+
+.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
+.has-background p,
+.has-background h1,
+.has-background h2,
+.has-background h3,
+.has-background h4,
+.has-background h5,
+.has-background h6 {
+ color: currentColor;
+}
+
+.has-black-background-color[class] {
+ background-color: #000;
+}
+
+.has-gray-background-color[class] {
+ background-color: #39414d;
+}
+
+.has-dark-gray-background-color[class] {
+ background-color: #28303d;
+}
+
+.has-green-background-color[class] {
+ background-color: #d1e4dd;
+}
+
+.has-blue-background-color[class] {
+ background-color: #d1dfe4;
+}
+
+.has-purple-background-color[class] {
+ background-color: #d1d1e4;
+}
+
+.has-red-background-color[class] {
+ background-color: #e4d1d1;
+}
+
+.has-orange-background-color[class] {
+ background-color: #e4dad1;
+}
+
+.has-yellow-background-color[class] {
+ background-color: #eeeadd;
+}
+
+.has-white-background-color[class] {
+ background-color: #fff;
+}
+
+:not(.has-text-color).has-black-background-color[class] {
+ color: #fff;
+}
+
+:not(.has-text-color).has-gray-background-color[class] {
+ color: #fff;
+}
+
+:not(.has-text-color).has-dark-gray-background-color[class] {
+ color: #fff;
+}
+
+:not(.has-text-color).has-green-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-blue-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-purple-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-red-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-orange-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-yellow-background-color[class] {
+ color: #28303d;
+}
+
+:not(.has-text-color).has-white-background-color[class] {
+ color: #28303d;
+}
+
+.has-purple-to-yellow-gradient-background {
+ background: linear-gradient(160deg, #d1d1e4, #eeeadd);
+}
+
+.has-yellow-to-purple-gradient-background {
+ background: linear-gradient(160deg, #eeeadd, #d1d1e4);
+}
+
+.has-green-to-yellow-gradient-background {
+ background: linear-gradient(160deg, #d1e4dd, #eeeadd);
+}
+
+.has-yellow-to-green-gradient-background {
+ background: linear-gradient(160deg, #eeeadd, #d1e4dd);
+}
+
+.has-red-to-yellow-gradient-background {
+ background: linear-gradient(160deg, #e4d1d1, #eeeadd);
+}
+
+.has-yellow-to-red-gradient-background {
+ background: linear-gradient(160deg, #eeeadd, #e4d1d1);
+}
+
+.has-purple-to-red-gradient-background {
+ background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
+}
+
+.has-red-to-purple-gradient-background {
+ background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
+}
+
+header * {
+ max-width: unset;
+}
+
+main * {
+ max-width: unset;
+}
+
+footer * {
+ max-width: unset;
+}
+
+html,
+body,
+div,
+header,
+nav,
+article,
+figure,
+hr,
+main,
+section,
+footer {
+ max-width: none;
+}
+/*# sourceMappingURL=ie.css.map */
\ No newline at end of file
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/print.css b/src/wp-content/themes/twentytwentyone/assets/css/print.css
new file mode 100644
index 0000000000..3937fb27a4
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/css/print.css
@@ -0,0 +1,162 @@
+/*
+Adding print support. The print styles are based on the the great work of
+Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
+*/
+/*--------------------------------------------------------------
+>>> TABLE OF CONTENTS:
+----------------------------------------------------------------
+# Margins
+# Typography
+# Page breaks
+# Links
+# Visibility
+--------------------------------------------------------------*/
+@media print {
+ /* Margins */
+ @page {
+ margin: 2cm;
+ }
+ .entry {
+ margin-top: 1em;
+ }
+ .entry .entry-header,
+ .site-footer .site-info {
+ margin: 0;
+ }
+ /* Fonts */
+ body {
+ font: 13pt Georgia, "Times New Roman", Times, serif;
+ font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
+ line-height: 1.3;
+ background: #fff !important;
+ color: #000;
+ }
+ h1 {
+ font-size: 24pt;
+ }
+ h2,
+ h3,
+ h4,
+ .has-regular-font-size,
+ .has-large-font-size,
+ h2.author-title,
+ p.author-bio,
+ .comments-title {
+ font-size: 14pt;
+ margin-top: 25px;
+ }
+ /* Page breaks */
+ a {
+ page-break-inside: avoid;
+ }
+ blockquote {
+ page-break-inside: avoid;
+ }
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ page-break-after: avoid;
+ page-break-inside: avoid;
+ }
+ img {
+ page-break-inside: avoid;
+ page-break-after: avoid;
+ }
+ table,
+ pre {
+ page-break-inside: avoid;
+ }
+ ul,
+ ol,
+ dl {
+ page-break-before: avoid;
+ }
+ /* Links */
+ a:link,
+ a:visited,
+ a {
+ background: transparent;
+ font-weight: bold;
+ text-decoration: underline;
+ text-align: left;
+ }
+ a[href^="http"]:after {
+ content: " < " attr(href) "> ";
+ }
+ a:after > img {
+ content: "";
+ }
+ article a[href^="#"]:after {
+ content: "";
+ }
+ a:not(:local-link):after {
+ content: " < " attr(href) "> ";
+ }
+ /* Visibility */
+ .primary-navigation,
+ .site-title + .primary-navigation,
+ .site-branding-container:before,
+ .entry .entry-title:before,
+ .entry-footer,
+ .author-description:before,
+ .post-navigation,
+ .widget-area,
+ .comment-form-flex,
+ .comment-reply,
+ .comment .comment-metadata .edit-link {
+ display: none;
+ }
+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button {
+ color: #000;
+ background: none;
+ }
+ /* Site Header (With Featured Image) */
+ .site-header.featured-image {
+ min-height: 0;
+ }
+ .site-header.featured-image .primary-navigation a,
+ .site-header.featured-image .primary-navigation a + svg,
+ .site-header.featured-image .site-title a,
+ .site-header.featured-image .site-featured-image a,
+ .site-header.featured-image .site-branding .site-title,
+ .site-header.featured-image .site-branding .site-description,
+ .site-header.featured-image .primary-navigation a:after,
+ .site-header.featured-image .primary-navigation .menu-wrapper > li.menu-item-has-children:after,
+ .site-header.featured-image .primary-navigation li,
+ .site-header.featured-image .entry-title,
+ .site-header.featured-image#masthead .site-title a {
+ color: #000;
+ text-shadow: none;
+ }
+ .site-header.featured-image .site-featured-image .entry-header,
+ .site-header.featured-image .site-branding-container {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .site-header.featured-image .site-featured-image .post-thumbnail img {
+ position: relative;
+ height: initial;
+ width: initial;
+ object-fit: none;
+ min-width: 0;
+ min-height: 0;
+ max-width: 100%;
+ margin-top: 1rem;
+ }
+ /* Remove image filters from featured image */
+ .image-filters-enabled *:after {
+ display: none !important;
+ }
+ .image-filters-enabled .site-header.featured-image .site-featured-image:before {
+ display: none;
+ }
+ .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
+ filter: none;
+ }
+}
+
+/*# sourceMappingURL=print.css.map */
\ No newline at end of file
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css b/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css
new file mode 100644
index 0000000000..1ba66a20e3
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css
@@ -0,0 +1,3 @@
+/**
+ * These styles are generated by the Customizer and only loaded when a custom color scheme is active.
+ */
\ No newline at end of file
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css
new file mode 100644
index 0000000000..7e8530e0a8
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css
@@ -0,0 +1,1968 @@
+@charset "UTF-8";
+/**
+ * These styles should be loaded by the Block Editor only
+ */
+/* Variables */
+:root {
+ /* Font Family */
+ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+ --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+ /* Font Size */
+ --global--font-size-base: 1.25rem;
+ --global--font-size-xs: 1rem;
+ --global--font-size-sm: 1.125rem;
+ --global--font-size-md: 1.25rem;
+ --global--font-size-lg: 1.5rem;
+ --global--font-size-xl: 2.25rem;
+ --global--font-size-xxl: 4rem;
+ --global--font-size-xxxl: 5rem;
+ --global--font-size-page-title: var(--global--font-size-xxl);
+ --global--letter-spacing: normal;
+ /* Line Height */
+ --global--line-height-body: 1.7;
+ --global--line-height-heading: 1.3;
+ --global--line-height-page-title: 1.1;
+ /* Headings */
+ --heading--font-family: var(--global--font-primary);
+ --heading--font-size-h6: var(--global--font-size-xs);
+ --heading--font-size-h5: var(--global--font-size-sm);
+ --heading--font-size-h4: var(--global--font-size-lg);
+ --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
+ --heading--font-size-h2: var(--global--font-size-xl);
+ --heading--font-size-h1: var(--global--font-size-page-title);
+ --heading--letter-spacing-h6: 0.05em;
+ --heading--letter-spacing-h5: 0.05em;
+ --heading--letter-spacing-h4: var(--global--letter-spacing);
+ --heading--letter-spacing-h3: var(--global--letter-spacing);
+ --heading--letter-spacing-h2: var(--global--letter-spacing);
+ --heading--letter-spacing-h1: var(--global--letter-spacing);
+ --heading--line-height-h6: var(--global--line-height-heading);
+ --heading--line-height-h5: var(--global--line-height-heading);
+ --heading--line-height-h4: var(--global--line-height-heading);
+ --heading--line-height-h3: var(--global--line-height-heading);
+ --heading--line-height-h2: var(--global--line-height-heading);
+ --heading--line-height-h1: var(--global--line-height-page-title);
+ --heading--font-weight: normal;
+ --heading--font-weight-page-title: 300;
+ --heading--font-weight-strong: 600;
+ /* Block: Latest posts */
+ --latest-posts--title-font-family: var(--heading--font-family);
+ --latest-posts--title-font-size: var(--heading--font-size-h3);
+ --latest-posts--description-font-family: var(--global--font-secondary);
+ --latest-posts--description-font-size: var(--global--font-size-sm);
+ --list--font-family: var(--global--font-secondary);
+ --definition-term--font-family: var(--global--font-primary);
+ /* Colors */
+ --global--color-black: #000;
+ --global--color-dark-gray: #28303d;
+ --global--color-gray: #39414d;
+ --global--color-light-gray: #f0f0f0;
+ --global--color-green: #d1e4dd;
+ --global--color-blue: #d1dfe4;
+ --global--color-purple: #d1d1e4;
+ --global--color-red: #e4d1d1;
+ --global--color-orange: #e4dad1;
+ --global--color-yellow: #eeeadd;
+ --global--color-white: #fff;
+ --global--color-white-50: rgba(255, 255, 255, 0.5);
+ /* white 50% opacity used in form fields.*/
+ --global--color-primary: var(--global--color-dark-gray);
+ /* Body text color, site title, footer text color. */
+ --global--color-secondary: var(--global--color-gray);
+ /* Headings */
+ --global--color-primary-hover: var(--global--color-primary);
+ --global--color-background: var(--global--color-green);
+ /* Mint, default body background */
+ --global--color-border: var(--global--color-primary);
+ /* Used for borders (separators) */
+ /* Spacing */
+ --global--spacing-unit: 20px;
+ --global--spacing-measure: unset;
+ --global--spacing-horizontal: 25px;
+ --global--spacing-vertical: 30px;
+ /* Elevation */
+ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+ /* Forms */
+ --form--font-family: var(--global--font-secondary);
+ --form--font-size: var(--global--font-size-sm);
+ --form--line-height: var(--global--line-height-body);
+ --form--color-text: var(--global--color-dark-gray);
+ --form--color-ranged: var(--global--color-secondary);
+ --form--label-weight: 500;
+ --form--border-color: var(--global--color-secondary);
+ --form--border-width: 3px;
+ --form--border-radius: 0;
+ --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
+ /* Cover block */
+ --cover--height: calc(15 * var(--global--spacing-vertical));
+ --cover--color-foreground: var(--global--color-white);
+ --cover--color-background: var(--global--color-black);
+ /* Buttons */
+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ --button--font-family: var(--global--font-primary);
+ --button--font-size: var(--global--font-size-base);
+ --button--font-weight: 500;
+ --button--line-height: 1.5;
+ --button--border-width: 3px;
+ --button--border-radius: 0;
+ --button--padding-vertical: 15px;
+ --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
+ /* entry */
+ --entry-header--color: var(--global--color-primary);
+ --entry-header--color-link: currentColor;
+ --entry-header--color-hover: var(--global--color-primary-hover);
+ --entry-header--color-focus: var(--global--color-secondary);
+ --entry-header--font-size: var(--heading--font-size-h2);
+ --entry-content--font-family: var(--global--font-secondary);
+ --entry-author-bio--font-family: var(--heading--font-family);
+ --entry-author-bio--font-size: var(--heading--font-size-h4);
+ /* Header */
+ --branding--color-text: var(--global--color-primary);
+ --branding--color-link: var(--global--color-primary);
+ --branding--color-link-hover: var(--global--color-secondary);
+ --branding--title--font-family: var(--global--font-primary);
+ --branding--title--font-size: var(--global--font-size-lg);
+ --branding--title--font-size-mobile: var(--heading--font-size-h4);
+ --branding--title--font-weight: normal;
+ --branding--title--text-transform: uppercase;
+ --branding--description--font-family: var(--global--font-secondary);
+ --branding--description--font-size: var(--global--font-size-sm);
+ --branding--description--font-family: var(--global--font-secondary);
+ --branding--logo--max-width: 300px;
+ --branding--logo--max-height: 100px;
+ --branding--logo--max-width-mobile: 96px;
+ --branding--logo--max-height-mobile: 96px;
+ /* Main navigation */
+ --primary-nav--font-family: var(--global--font-secondary);
+ --primary-nav--font-family-mobile: var(--global--font-primary);
+ --primary-nav--font-size: var(--global--font-size-md);
+ --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
+ --primary-nav--font-size-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
+ --primary-nav--font-size-button: var(--global--font-size-xs);
+ --primary-nav--font-style: normal;
+ --primary-nav--font-style-sub-menu-mobile: normal;
+ --primary-nav--font-weight: normal;
+ --primary-nav--font-weight-button: 500;
+ --primary-nav--color-link: var(--global--color-primary);
+ --primary-nav--color-link-hover: var(--global--color-primary-hover);
+ --primary-nav--color-text: var(--global--color-primary);
+ --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
+ /* Pagination */
+ --pagination--color-text: var(--global--color-primary);
+ --pagination--color-link-hover: var(--global--color-primary-hover);
+ --pagination--font-family: var(--global--font-secondary);
+ --pagination--font-size: var(--global--font-size-lg);
+ --pagination--font-weight: normal;
+ --pagination--font-weight-strong: 600;
+ /* Footer */
+ --footer--color-text: var(--global--color-primary);
+ --footer--color-link: var(--global--color-primary);
+ --footer--color-link-hover: var(--global--color-primary-hover);
+ --footer--font-family: var(--global--font-primary);
+ --footer--font-size: var(--global--font-size-xs);
+ /* Block: Pull quote */
+ --pullquote--font-family: var(--global--font-primary);
+ --pullquote--font-size: var(--heading--font-size-h3);
+ --pullquote--font-style: normal;
+ --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
+ --pullquote--line-height: var(--global--line-height-heading);
+ --pullquote--border-width: 3px;
+ --pullquote--border-color: var(--global--color-primary);
+ --pullquote--color-foreground: var(--global--color-primary);
+ --pullquote--color-background: var(--global--color-background);
+ --quote--font-family: var(--global--font-secondary);
+ --quote--font-size: var(--global--font-size-md);
+ --quote--font-size-large: var(--global--font-size-xl);
+ --quote--font-style: normal;
+ --quote--font-weight: normal;
+ --quote--font-weight-strong: 700;
+ --quote--font-style-large: normal;
+ --quote--font-style-cite: normal;
+ --quote--line-height: var(--global--line-height-body);
+ --quote--line-height-large: 1.35;
+ --separator--border-color: var(--global--color-border);
+ --separator--height: 1px;
+ /* Block: Table */
+ --table--stripes-border-color: var(--global--color-light-gray);
+ --table--stripes-background-color: var(--global--color-light-gray);
+ --table--has-background-text-color: var(--global--color-dark-gray);
+ /* Widgets */
+ --widget--line-height-list: 1.9;
+ --widget--line-height-title: 1.4;
+ --widget--font-weight-title: 700;
+ --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
+}
+
+@media only screen and (min-width: 652px) {
+ :root {
+ --global--font-size-xl: 2.5rem;
+ --global--font-size-xxl: 6rem;
+ --global--font-size-xxxl: 9rem;
+ --heading--font-size-h3: 2rem;
+ --heading--font-size-h2: 3rem;
+ }
+}
+
+/* OS dark theme preference */
+@media (prefers-color-scheme: dark) {
+ html.has-default-light-palette-background {
+ --global--color-background: var(--global--color-dark-gray);
+ --global--color-primary: var(--global--color-light-gray);
+ --global--color-secondary: var(--global--color-light-gray);
+ --button--color-text: var(--global--color-background);
+ --button--color-text-hover: var(--global--color-secondary);
+ --button--color-text-active: var(--global--color-secondary);
+ --button--color-background: var(--global--color-secondary);
+ --button--color-background-active: var(--global--color-background);
+ }
+ html.has-default-light-palette-background body {
+ background-color: var(--global--color-background);
+ }
+}
+
+/* Button extends */
+.wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button {
+ line-height: var(--button--line-height);
+ color: var(--button--color-text);
+ cursor: pointer;
+ font-weight: var(--button--font-weight);
+ font-family: var(--button--font-family);
+ font-size: var(--button--font-size);
+ background-color: var(--button--color-background);
+ border-radius: var(--button--border-radius);
+ border: var(--button--border-width) solid var(--button--color-background);
+ text-decoration: none;
+ padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+}
+
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
+ margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+}
+
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
+ margin-top: -calc(.5em * var(--button--line-height) + -.39);
+}
+
+.wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .wp-block-search .wp-block-search__button:active {
+ color: var(--button--color-text-active);
+ background-color: var(--button--color-background-active);
+}
+
+.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover {
+ color: var(--button--color-text-hover);
+ background: transparent;
+}
+
+.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
+ outline-offset: -4px;
+ outline: 2px dotted currentColor;
+}
+
+.wp-block-button__link:disabled, .wp-block-file .wp-block-file__button:disabled, .wp-block-search .wp-block-search__button:disabled {
+ background-color: var(--global--color-white-50);
+ border-color: var(--global--color-white-50);
+ color: var(--button--color-text-active);
+}
+
+/**
+ * Repsonsive Styles
+ */
+/**
+ * Required Variables
+ */
+/**
+ * Root Media Query Variables
+ */
+:root {
+ --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
+ --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
+ --responsive--alignfull-width: 100%;
+ --responsive--alignright-margin: var(--global--spacing-horizontal);
+ --responsive--alignleft-margin: var(--global--spacing-horizontal);
+}
+
+@media only screen and (min-width: 482px) {
+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
+ --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
+ --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+ --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
+ }
+}
+
+@media only screen and (min-width: 822px) {
+ :root {
+ --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
+ --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
+ }
+}
+
+/**
+ * Extends
+ */
+.default-max-width {
+ max-width: var(--responsive--aligndefault-width);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.wide-max-width {
+ max-width: var(--responsive--alignwide-width);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+ .full-max-width {
+ max-width: var(--responsive--alignfull-width);
+ width: auto;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+blockquote {
+ margin: 0;
+ padding: 0;
+}
+
+blockquote p {
+ font-size: var(--heading--font-size-h4);
+ letter-spacing: var(--heading--letter-spacing-h4);
+ line-height: var(--heading--line-height-h4);
+}
+
+blockquote cite,
+blockquote footer {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
+}
+
+blockquote > * {
+ margin-top: var(--global--spacing-unit);
+ margin-bottom: var(--global--spacing-unit);
+}
+
+blockquote > *:first-child {
+ margin-top: 0;
+}
+
+blockquote > *:last-child {
+ margin-bottom: 0;
+}
+
+blockquote.alignleft, blockquote.alignright {
+ padding-left: inherit;
+}
+
+blockquote.alignleft p, blockquote.alignright p {
+ font-size: var(--heading--font-size-h5);
+ max-width: inherit;
+ width: inherit;
+}
+
+blockquote.alignleft cite,
+blockquote.alignleft footer, blockquote.alignright cite,
+blockquote.alignright footer {
+ font-size: var(--global--font-size-xs);
+ letter-spacing: var(--global--letter-spacing);
+}
+
+img {
+ display: block;
+ height: auto;
+ max-width: 100%;
+}
+
+/* Classic editor images */
+.entry-content img {
+ max-width: 100%;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+embed,
+iframe,
+object,
+video {
+ max-width: 100%;
+}
+
+/* Media captions */
+figcaption,
+.wp-caption,
+.wp-caption-text {
+ color: currentColor;
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.5 * var(--global--spacing-unit));
+ margin-bottom: var(--global--spacing-unit);
+ text-align: center;
+}
+
+.alignleft figcaption,
+.alignright figcaption, .alignleft
+.wp-caption,
+.alignright
+.wp-caption, .alignleft
+.wp-caption-text,
+.alignright
+.wp-caption-text {
+ margin-bottom: 0;
+}
+
+/* WP Smiley */
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
+
+select {
+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ color: var(--form--color-text);
+ font-size: var(--form--font-size);
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
+ /* stylelint-disable */
+ background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat;
+ /* stylelint-enable */
+ background-position: right var(--form--spacing-unit) top 60%;
+}
+
+/*
+ * text-underline-offset doesn't work in Chrome at all 👎
+ * But looks nice in Safari/Firefox, so let's keep it and
+ * maybe Chrome will support it soon.
+ */
+a {
+ cursor: pointer;
+ color: var(--wp--style--color--link, var(--global--color-primary));
+ text-underline-offset: 3px;
+ text-decoration-skip-ink: all;
+}
+
+a:hover {
+ text-decoration-style: dotted;
+ text-decoration-skip-ink: none;
+}
+
+.site a:focus {
+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+ text-decoration: none;
+}
+
+.site a:focus.skip-link {
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a,
+.has-background:not(.has-background-background-color).has-link-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+}
+
+.wp-block-button__link.is-style-outline,
+.is-style-outline .wp-block-button__link {
+ color: var(--button--color-background);
+ background: transparent;
+ border: var(--button--border-width) solid currentColor;
+}
+
+.wp-block-button__link.is-style-outline:visited,
+.is-style-outline .wp-block-button__link:visited {
+ color: var(--button--color-background);
+}
+
+.wp-block-button__link.is-style-outline:active, .wp-block-button__link.is-style-outline:hover,
+.is-style-outline .wp-block-button__link:active,
+.is-style-outline .wp-block-button__link:hover {
+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
+ border: var(--button--border-width) solid var(--button--color-background);
+}
+
+.wp-block-button__link.is-style-outline:focus, .wp-block-button__link.is-style-outline.has-focus,
+.is-style-outline .wp-block-button__link:focus,
+.is-style-outline .wp-block-button__link.has-focus {
+ outline-offset: -7px;
+ background: transparent;
+}
+
+.wp-block-button__link.is-style-squared,
+.is-style-squared .wp-block-button__link {
+ border-radius: 0;
+}
+
+.is-selected.is-style-outline .wp-block-button__link:hover {
+ background-color: transparent;
+ color: var(--button--color-background);
+}
+
+.is-style-outline .wp-block-button__link[style*="radius"],
+.wp-block-button__link[style*="radius"] {
+ outline-offset: 2px;
+}
+
+.wp-block-code code {
+ font-size: var(--global--font-size-xs);
+}
+
+.wp-block-code {
+ border-color: var(--global--color-border);
+ border-radius: 0;
+ border-style: solid;
+ border-width: 0.1rem;
+ padding: var(--global--spacing-unit);
+}
+
+.wp-block-cover,
+.wp-block-cover-image {
+ background-color: var(--cover--color-background);
+ min-height: var(--cover--height);
+ margin-top: inherit;
+ margin-bottom: inherit;
+}
+
+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover .block-editor-block-list__block,
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image .block-editor-block-list__block {
+ color: currentColor;
+}
+
+.wp-block-cover .wp-block-cover__inner-container a,
+.wp-block-cover .wp-block-cover-image-text a,
+.wp-block-cover .wp-block-cover-text a,
+.wp-block-cover .block-editor-block-list__block a,
+.wp-block-cover-image .wp-block-cover__inner-container a,
+.wp-block-cover-image .wp-block-cover-image-text a,
+.wp-block-cover-image .wp-block-cover-text a,
+.wp-block-cover-image .block-editor-block-list__block a {
+ color: currentColor;
+}
+
+.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover-text .has-link-color a,
+.wp-block-cover .block-editor-block-list__block .has-link-color a,
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover-image .wp-block-cover-text .has-link-color a,
+.wp-block-cover-image .block-editor-block-list__block .has-link-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+}
+
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container,
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,
+.wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,
+.wp-block-cover:not([class*="background-color"]) .block-editor-block-list__block,
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,
+.wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text,
+.wp-block-cover-image:not([class*="background-color"]) .block-editor-block-list__block {
+ color: var(--cover--color-foreground);
+}
+
+.wp-block-cover h2,
+.wp-block-cover-image h2 {
+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
+ padding: 0;
+ max-width: inherit;
+ text-align: inherit;
+}
+
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+ text-align: left;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+ text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+ text-align: right;
+}
+
+.wp-block-cover.is-style-twentytwentyone-border,
+.wp-block-cover-image.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-columns .wp-block,
+.wp-block-columns .wp-block-column {
+ max-width: inherit;
+}
+
+@media only screen and (min-width: 652px) {
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
+ margin-left: calc(-2 * var(--global--spacing-horizontal));
+ margin-top: calc(2.5 * var(--global--spacing-horizontal));
+ z-index: 2;
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
+ background-color: var(--global--color-background);
+ padding: var(--global--spacing-unit);
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
+ padding-left: calc(2 * var(--global--spacing-horizontal));
+ }
+ .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
+ margin-top: 0;
+ }
+}
+
+.wp-block[data-align="full"] p:not(.has-background),
+.wp-block[data-align="full"] h1:not(.has-background),
+.wp-block[data-align="full"] h2:not(.has-background),
+.wp-block[data-align="full"] h3:not(.has-background),
+.wp-block[data-align="full"] h4:not(.has-background),
+.wp-block[data-align="full"] h5:not(.has-background),
+.wp-block[data-align="full"] h6:not(.has-background) {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+}
+
+.wp-block-file .wp-block-file__textlink {
+ text-decoration: underline;
+ text-decoration-style: solid;
+ text-decoration-thickness: 1px;
+}
+
+.wp-block-file .wp-block-file__textlink:hover {
+ text-decoration: underline;
+ text-decoration-style: dotted;
+}
+
+.wp-block-file .wp-block-file__button {
+ display: inline-block;
+}
+
+.wp-block-gallery figcaption {
+ margin-bottom: 0;
+}
+
+.wp-block-group {
+ display: block;
+ clear: both;
+ display: flow-root;
+}
+
+.wp-block-group:before, .wp-block-group:after {
+ content: "";
+ display: block;
+ clear: both;
+}
+
+.wp-block-group.has-background {
+ padding: var(--global--spacing-vertical);
+}
+
+.wp-block-group.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical);
+}
+
+.wp-block-group .wp-block-group__inner-container *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] {
+ margin: 0;
+ width: 100%;
+}
+
+.wp-block-heading h1,
+h1,
+.h1,
+.wp-block-heading h2,
+h2,
+.h2,
+.wp-block-heading h3,
+h3,
+.h3,
+.wp-block-heading h4,
+h4,
+.h4,
+.wp-block-heading h5,
+h5,
+.h5,
+.wp-block-heading h6,
+h6,
+.h6 {
+ clear: both;
+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
+}
+
+.wp-block-heading h1 strong,
+h1 strong,
+.h1 strong,
+.wp-block-heading h2 strong,
+h2 strong,
+.h2 strong,
+.wp-block-heading h3 strong,
+h3 strong,
+.h3 strong,
+.wp-block-heading h4 strong,
+h4 strong,
+.h4 strong,
+.wp-block-heading h5 strong,
+h5 strong,
+.h5 strong,
+.wp-block-heading h6 strong,
+h6 strong,
+.h6 strong {
+ font-weight: var(--heading--font-weight-strong);
+}
+
+.wp-block-heading h1[style*="--wp--typography--line-height"],
+h1[style*="--wp--typography--line-height"],
+.h1[style*="--wp--typography--line-height"],
+.wp-block-heading h2[style*="--wp--typography--line-height"],
+h2[style*="--wp--typography--line-height"],
+.h2[style*="--wp--typography--line-height"],
+.wp-block-heading h3[style*="--wp--typography--line-height"],
+h3[style*="--wp--typography--line-height"],
+.h3[style*="--wp--typography--line-height"],
+.wp-block-heading h4[style*="--wp--typography--line-height"],
+h4[style*="--wp--typography--line-height"],
+.h4[style*="--wp--typography--line-height"],
+.wp-block-heading h5[style*="--wp--typography--line-height"],
+h5[style*="--wp--typography--line-height"],
+.h5[style*="--wp--typography--line-height"],
+.wp-block-heading h6[style*="--wp--typography--line-height"],
+h6[style*="--wp--typography--line-height"],
+.h6[style*="--wp--typography--line-height"] {
+ line-height: var(--wp--typography--line-height, --global--line-height-body);
+}
+
+.wp-block-heading h1,
+h1,
+.h1 {
+ font-size: var(--heading--font-size-h1);
+ letter-spacing: var(--heading--letter-spacing-h1);
+ line-height: var(--heading--line-height-h1);
+}
+
+.wp-block-heading h2,
+h2,
+.h2 {
+ font-size: var(--heading--font-size-h2);
+ letter-spacing: var(--heading--letter-spacing-h2);
+ line-height: var(--heading--line-height-h2);
+}
+
+.wp-block-heading h3,
+h3,
+.h3 {
+ font-size: var(--heading--font-size-h3);
+ letter-spacing: var(--heading--letter-spacing-h3);
+ line-height: var(--heading--line-height-h3);
+}
+
+.wp-block-heading h4,
+h4,
+.h4 {
+ font-size: var(--heading--font-size-h4);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h4);
+ line-height: var(--heading--line-height-h4);
+}
+
+.wp-block-heading h5,
+h5,
+.h5 {
+ font-size: var(--heading--font-size-h5);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h5);
+ line-height: var(--heading--line-height-h5);
+}
+
+.wp-block-heading h6,
+h6,
+.h6 {
+ font-size: var(--heading--font-size-h6);
+ font-weight: var(--heading--font-weight-strong);
+ letter-spacing: var(--heading--letter-spacing-h6);
+ line-height: var(--heading--line-height-h6);
+}
+
+/* Center image block by default in the editor */
+.wp-block-image > div {
+ text-align: center;
+}
+
+[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
+ margin: 0 auto;
+}
+
+/* Block Styles */
+.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-image.is-style-twentytwentyone-image-frame img {
+ padding: var(--global--spacing-unit);
+}
+
+.wp-block-latest-comments {
+ margin-left: 0;
+}
+
+.wp-block-latest-posts {
+ padding-left: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li {
+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:first-child {
+ margin-top: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts.is-grid > li {
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-latest-posts.is-grid > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > * {
+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+}
+
+.wp-block-latest-posts > li > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-latest-posts > li > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > a {
+ display: inline-block;
+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-author {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-date {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+}
+
+[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
+.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
+ color: currentColor;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
+.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
+ border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
+ padding-bottom: var(--global--spacing-vertical);
+ border-bottom: var(--separator--height) solid var(--global--color-border);
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
+ box-shadow: inset 0 -1px 0 0 var(--global--color-border);
+ border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
+ margin: 0;
+ padding-top: var(--global--spacing-vertical);
+ padding-right: var(--global--spacing-horizontal);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
+ padding-bottom: var(--global--spacing-vertical);
+}
+
+@media screen and (min-width: 600px) {
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
+ width: calc((100% / 2));
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
+ width: calc((100% / 3));
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
+ width: calc((100% / 4));
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
+ width: calc((100% / 5));
+ }
+ .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
+ width: calc((100% / 6));
+ }
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+ padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
+ padding-bottom: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
+ margin-top: var(--global--spacing-horizontal);
+ margin-bottom: var(--global--spacing-horizontal);
+}
+
+.gallery-item {
+ display: inline-block;
+ text-align: center;
+ vertical-align: top;
+ width: 100%;
+}
+
+.gallery-columns-2 .gallery-item {
+ max-width: 50%;
+}
+
+.gallery-columns-3 .gallery-item {
+ max-width: 33.33%;
+}
+
+.gallery-columns-4 .gallery-item {
+ max-width: 25%;
+}
+
+.gallery-columns-5 .gallery-item {
+ max-width: 20%;
+}
+
+.gallery-columns-6 .gallery-item {
+ max-width: 16.66%;
+}
+
+.gallery-columns-7 .gallery-item {
+ max-width: 14.28%;
+}
+
+.gallery-columns-8 .gallery-item {
+ max-width: 12.5%;
+}
+
+.gallery-columns-9 .gallery-item {
+ max-width: 11.11%;
+}
+
+.gallery-caption {
+ display: block;
+}
+
+ul,
+ol {
+ font-family: var(--list--font-family);
+ margin: var(--global--spacing-vertical) 0;
+ padding-left: calc(2 * var(--global--spacing-horizontal));
+}
+
+ul.aligncenter,
+ol.aligncenter {
+ list-style-position: inside;
+ padding: 0;
+ text-align: center;
+}
+
+ul.alignright,
+ol.alignright {
+ list-style-position: inside;
+ padding: 0;
+ text-align: right;
+}
+
+li > ul,
+li > ol {
+ margin: 0;
+}
+
+dt {
+ font-family: var(--definition-term--font-family);
+ font-weight: bold;
+}
+
+.wp-block-media-text .block-editor-inner-blocks {
+ padding-right: var(--global--spacing-horizontal);
+ padding-left: var(--global--spacing-horizontal);
+}
+
+.wp-block-media-text.is-style-twentytwentyone-border {
+ border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+}
+
+.wp-block-navigation .wp-block-navigation__container {
+ background: var(--global--color-background);
+ padding: 0;
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
+ padding: var(--primary-nav--padding);
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
+ font-family: var(--primary-nav--font-family);
+ font-size: var(--primary-nav--font-size);
+ font-weight: var(--primary-nav--font-weight);
+}
+
+.wp-block-navigation .has-child .wp-block-navigation__container {
+ box-shadow: var(--global--elevation);
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
+ color: var(--primary-nav--color-link-hover);
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
+ color: currentColor;
+}
+
+p {
+ line-height: var(--wp--typography--line-height, --global--line-height-body);
+}
+
+p.has-background {
+ padding: var(--global--spacing-unit);
+}
+
+.wp-block-pullquote {
+ padding: calc(2 * var(--global--spacing-unit)) 0;
+ margin-left: 0;
+ margin-right: 0;
+ text-align: center;
+ border-width: var(--pullquote--border-width);
+ border-bottom-style: solid;
+ border-top-style: solid;
+ color: currentColor;
+ border-color: currentColor;
+ position: relative;
+}
+
+.wp-block-pullquote blockquote::before {
+ color: currentColor;
+ content: "\201C";
+ display: block;
+ font-size: 3rem;
+ font-weight: 500;
+ line-height: 1;
+}
+
+.wp-block-pullquote p {
+ font-family: var(--pullquote--font-family);
+ font-size: var(--pullquote--font-size);
+ font-style: var(--pullquote--font-style);
+ font-weight: 700;
+ letter-spacing: var(--pullquote--letter-spacing);
+ line-height: var(--pullquote--line-height);
+ margin: 0;
+}
+
+.wp-block-pullquote a {
+ color: currentColor;
+}
+
+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
+.wp-block-pullquote footer {
+ font-size: var(--global--font-size-xs);
+ font-style: var(--pullquote--font-style);
+ text-transform: none;
+}
+
+.wp-block-pullquote:not(.is-style-solid-color) {
+ background: none;
+}
+
+.wp-block-pullquote.is-style-solid-color {
+ padding: calc(2.5 * var(--global--spacing-unit));
+ border-width: var(--pullquote--border-width);
+ border-style: solid;
+ border-color: var(--pullquote--border-color);
+}
+
+@media (min-width: 600px) {
+ .wp-block-pullquote.is-style-solid-color {
+ padding: calc(5 * var(--global--spacing-unit));
+ }
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote::before {
+ text-align: left;
+}
+
+.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
+.wp-block-pullquote.is-style-solid-color.alignright blockquote {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+ max-width: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote {
+ margin: 0;
+ max-width: 100%;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote p {
+ font-size: var(--pullquote--font-size);
+}
+
+.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
+.wp-block-pullquote.is-style-solid-color cite,
+.wp-block-pullquote.is-style-solid-color footer {
+ color: currentColor;
+}
+
+.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
+ padding: 0 calc(2 * var(--global--spacing-unit));
+}
+
+.wp-block-quote {
+ position: relative;
+ border-left: none;
+ margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
+}
+
+.wp-block-quote p {
+ font-family: var(--quote--font-family);
+ font-size: var(--quote--font-size);
+ font-style: var(--quote--font-style);
+ font-weight: var(--quote--font-weight-strong);
+ line-height: var(--quote--line-height);
+}
+
+.wp-block-quote strong {
+ font-weight: var(--quote--font-weight);
+}
+
+.wp-block-quote:before {
+ content: "\201C";
+ font-size: var(--quote--font-size);
+ line-height: var(--quote--line-height);
+ position: absolute;
+ left: calc(-0.5 * var(--global--spacing-horizontal));
+}
+
+.wp-block-quote .wp-block-quote__citation {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ font-style: var(--quote--font-style-cite);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
+ color: currentColor;
+}
+
+.wp-block-quote.has-text-align-right {
+ margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
+ padding-right: 0;
+ border-right: none;
+}
+
+.wp-block-quote.has-text-align-right:before {
+ content: "\201D";
+ left: initial;
+ right: calc(-0.5 * var(--global--spacing-horizontal));
+}
+
+.wp-block-quote.has-text-align-center {
+ margin: var(--global--spacing-vertical) auto;
+}
+
+.wp-block-quote.has-text-align-center:before {
+ display: none;
+}
+
+.wp-block-quote.is-large, .wp-block-quote.is-style-large {
+ padding-left: 0;
+ /* Resetting margins to match _block-container.scss */
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
+ font-size: var(--quote--font-size-large);
+ font-style: var(--quote--font-style-large);
+ line-height: var(--quote--line-height-large);
+}
+
+.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+ font-size: var(--quote--font-size-large);
+ line-height: var(--quote--line-height-large);
+ left: calc(-1 * var(--global--spacing-horizontal));
+}
+
+.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+ left: initial;
+ right: calc(-1 * var(--global--spacing-horizontal));
+}
+
+@media only screen and (max-width: 481px) {
+ .wp-block-quote.is-large, .wp-block-quote.is-style-large {
+ padding-left: var(--global--spacing-horizontal);
+ }
+ .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
+ left: 0;
+ }
+ .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
+ padding-left: 0;
+ padding-right: var(--global--spacing-horizontal);
+ }
+ .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
+ right: 0;
+ }
+}
+
+@media only screen and (max-width: 481px) {
+ .wp-block-quote {
+ padding-left: calc(0.5 * var(--global--spacing-horizontal));
+ }
+ .wp-block-quote:before {
+ left: 0;
+ }
+ .wp-block-quote.has-text-align-right {
+ padding-left: 0;
+ padding-right: calc(0.5 * var(--global--spacing-horizontal));
+ }
+ .wp-block-quote.has-text-align-right:before {
+ right: 0;
+ }
+ .wp-block-quote.has-text-align-center {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block-quote {
+ margin-left: auto;
+ }
+ .wp-block-quote.has-text-align-right {
+ margin-right: auto;
+ }
+}
+
+.wp-block-rss {
+ padding-left: 0;
+}
+
+.wp-block-rss > li {
+ list-style: none;
+}
+
+.wp-block-rss:not(.is-grid) > li {
+ margin-top: calc(1.666 * var(--global--spacing-vertical));
+ margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+}
+
+.wp-block-rss:not(.is-grid) > li:first-child {
+ margin-top: 0;
+}
+
+.wp-block-rss:not(.is-grid) > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss.is-grid > li {
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+.wp-block-rss.is-grid > li:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
+.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li,
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
+.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li,
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
+.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li,
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
+.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li,
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
+.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li {
+ margin-bottom: 0;
+}
+
+.wp-block-rss > li > * {
+ margin-top: calc(0.333 * var(--global--spacing-vertical));
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+}
+
+.wp-block-rss > li > *:first-child {
+ margin-top: 0;
+}
+
+.wp-block-rss > li > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-rss .wp-block-rss__item-title > a {
+ display: inline-block;
+ font-family: var(--latest-posts--title-font-family);
+ font-size: var(--latest-posts--title-font-size);
+ font-weight: var(--heading--font-weight);
+ line-height: var(--global--line-height-heading);
+ margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+}
+
+.wp-block-rss .wp-block-rss__item-author {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-md);
+ line-height: var(--global--line-height-body);
+}
+
+.wp-block-rss .wp-block-rss__item-publish-date {
+ color: var(--global--color-primary);
+ font-size: var(--global--font-size-xs);
+ line-height: var(--global--line-height-body);
+}
+
+[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
+.has-background .wp-block-rss .wp-block-rss__item-publish-date {
+ color: currentColor;
+}
+
+.wp-block-rss .wp-block-rss__item-excerpt,
+.wp-block-rss .wp-block-rss__item-full-content {
+ font-family: var(--latest-posts--description-font-family);
+ font-size: var(--latest-posts--description-font-size);
+ line-height: var(--global--line-height-body);
+ margin-top: calc(0.666 * var(--global--spacing-vertical));
+}
+
+.wp-block-rss.alignfull {
+ padding-left: var(--global--spacing-unit);
+ padding-right: var(--global--spacing-unit);
+}
+
+.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
+.entry-content .has-background .wp-block-rss.alignfull {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.wp-block-search {
+ max-width: var(--responsive--aligndefault-width);
+}
+
+.wp-block-search .wp-block-search__label {
+ font-size: var(--form--font-size);
+ font-weight: var(--form--label-weight);
+ margin-bottom: calc(var(--global--spacing-vertical) / 3);
+}
+
+.wp-block-search .wp-block-search__input {
+ border: var(--form--border-width) solid var(--form--border-color);
+ border-radius: var(--form--border-radius);
+ font-family: var(--form--font-family);
+ font-size: var(--form--font-size);
+ line-height: var(--form--line-height);
+ max-width: inherit;
+ margin-right: calc(-1 * var(--button--border-width));
+ padding: var(--form--spacing-unit);
+}
+
+.wp-block-search .wp-block-search__input:focus {
+ border-color: var(--form--border-color);
+}
+
+.wp-block-search .wp-block-search__button {
+ box-shadow: none;
+ margin-left: 0;
+ background-color: transparent;
+ color: var(--button--color-text-hover);
+}
+
+.wp-block-search .wp-block-search__button:hover {
+ background-color: var(--button--color-background);
+ color: var(--button--color-text);
+}
+
+.wp-block-separator,
+hr {
+ border-bottom: var(--separator--height) solid var(--separator--border-color);
+ clear: both;
+ opacity: 1;
+}
+
+.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
+hr[style*="text-align:right"],
+hr[style*="text-align: right"] {
+ border-right-color: var(--separator--border-color);
+}
+
+.wp-block-separator:not(.is-style-dots),
+hr:not(.is-style-dots) {
+ max-width: inherit;
+}
+
+.wp-block-separator.is-style-twentytwentyone-separator-thick,
+hr.is-style-twentytwentyone-separator-thick {
+ border-bottom-width: calc(3 * var(--separator--height));
+}
+
+.wp-block-separator.is-style-dots,
+hr.is-style-dots {
+ border-bottom: none;
+}
+
+.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
+hr.is-style-dots.has-background,
+hr.is-style-dots.has-text-color {
+ background-color: transparent !important;
+}
+
+.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
+hr.is-style-dots.has-background:before,
+hr.is-style-dots.has-text-color:before {
+ color: currentColor !important;
+}
+
+.wp-block-separator.is-style-dots:before,
+hr.is-style-dots:before {
+ color: var(--separator--border-color);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-separator,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
+[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
+hr,
+[class*="background-color"]:not(.has-background-background-color)
+hr,
+[style*="background-color"]:not(.has-background-background-color)
+hr,
+.wp-block-cover[style*="background-image"]
+hr {
+ border-color: currentColor;
+}
+
+.wp-block-social-links li.wp-block-social-link:first-child {
+ margin-top: auto;
+}
+
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
+ color: var(--global--color-primary);
+}
+
+.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
+ background: none;
+}
+
+table th,
+.wp-block-table th {
+ font-family: var(--heading--font-family);
+}
+
+table td,
+table th,
+.wp-block-table td,
+.wp-block-table th {
+ padding: calc(0.5 * var(--global--spacing-unit));
+}
+
+table.is-style-regular .has-background,
+table.is-style-stripes .has-background thead tr,
+table.is-style-stripes .has-background tfoot tr,
+table.is-style-stripes .has-background tbody tr:nth-child(even),
+.wp-block-table.is-style-regular .has-background,
+.wp-block-table.is-style-stripes .has-background thead tr,
+.wp-block-table.is-style-stripes .has-background tfoot tr,
+.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
+ color: var(--table--has-background-text-color);
+}
+
+table.is-style-stripes,
+.wp-block-table.is-style-stripes {
+ border-color: var(--table--stripes-border-color);
+}
+
+table.is-style-stripes th,
+table.is-style-stripes td,
+.wp-block-table.is-style-stripes th,
+.wp-block-table.is-style-stripes td {
+ border-width: 0;
+}
+
+table.is-style-stripes tbody tr:nth-child(odd),
+.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
+ background-color: var(--table--stripes-background-color);
+}
+
+table.wp-calendar-table td,
+table.wp-calendar-table th {
+ background: transparent;
+ border: 0;
+ text-align: center;
+ line-height: 2;
+ vertical-align: middle;
+}
+
+table.wp-calendar-table th {
+ font-weight: bold;
+}
+
+table.wp-calendar-table thead,
+table.wp-calendar-table tbody {
+ border: 1px solid var(--global--color-dark-gray);
+}
+
+table.wp-calendar-table caption {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: var(--global--spacing-unit);
+}
+
+.wp-calendar-nav {
+ text-align: left;
+ margin-top: calc(var(--global--spacing-unit) / 2);
+}
+
+.wp-calendar-nav svg {
+ height: 1em;
+ vertical-align: middle;
+}
+
+.wp-calendar-nav svg path {
+ fill: currentColor;
+}
+
+.wp-calendar-nav .wp-calendar-nav-next {
+ float: right;
+}
+
+pre.wp-block-verse {
+ padding: 0;
+}
+
+:root .is-extra-small-text,
+:root .has-extra-small-font-size {
+ font-size: var(--global--font-size-xs);
+}
+
+:root .is-small-text,
+:root .has-small-font-size {
+ font-size: var(--global--font-size-sm);
+}
+
+:root .is-regular-text,
+:root .has-regular-font-size,
+:root .is-normal-font-size,
+:root .has-normal-font-size,
+:root .has-medium-font-size {
+ font-size: var(--global--font-size-base);
+}
+
+:root .is-large-text,
+:root .has-large-font-size {
+ font-size: var(--global--font-size-lg);
+ line-height: var(--global--line-height-heading);
+}
+
+:root .is-larger-text,
+:root .has-larger-font-size,
+:root .is-extra-large-text,
+:root .has-extra-large-font-size {
+ font-size: var(--global--font-size-xl);
+ line-height: var(--global--line-height-heading);
+}
+
+:root .is-huge-text,
+:root .has-huge-font-size {
+ font-size: var(--global--font-size-xxl);
+ line-height: var(--global--line-height-heading);
+ font-weight: var(--heading--font-weight-page-title);
+}
+
+:root .is-gigantic-text,
+:root .has-gigantic-font-size {
+ font-size: var(--global--font-size-xxxl);
+ line-height: var(--global--line-height-heading);
+ font-weight: var(--heading--font-weight-page-title);
+}
+
+/**
+* Editor Post Title
+* - Needs a special styles
+*/
+.wp-block.editor-post-title__block {
+ border-bottom: 3px solid var(--global--color-border);
+ padding-bottom: calc(2 * var(--global--spacing-vertical));
+ margin-bottom: calc(3 * var(--global--spacing-vertical));
+ max-width: var(--responsive--alignwide-width);
+}
+
+.wp-block.editor-post-title__block .editor-post-title__input {
+ color: var(--global--color-secondary);
+ font-family: var(--heading--font-family);
+ font-size: var(--global--font-size-page-title);
+ font-weight: var(--heading--font-weight-page-title);
+ line-height: var(--heading--line-height-h1);
+}
+
+.wp-block.block-editor-default-block-appender > textarea {
+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-md);
+}
+
+.has-primary-color[class] {
+ color: var(--global--color-primary);
+}
+
+.has-secondary-color[class] {
+ color: var(--global--color-secondary);
+}
+
+.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
+.has-background p,
+.has-background h1,
+.has-background h2,
+.has-background h3,
+.has-background h4,
+.has-background h5,
+.has-background h6 {
+ color: currentColor;
+}
+
+.has-primary-background-color[class] {
+ background-color: var(--global--color-primary);
+ color: var(--global--color-background);
+}
+
+.has-secondary-background-color[class] {
+ background-color: var(--global--color-secondary);
+ color: var(--global--color-background);
+}
+
+.has-white-background-color[class] {
+ background-color: var(--global--color-white);
+ color: var(--global--color-secondary);
+}
+
+.has-black-background-color[class] {
+ background-color: var(--global--color-black);
+ color: var(--global--color-primary);
+}
+
+/**
+ * Spacing Overrides
+ */
+[data-block] {
+ margin-top: var(--global--spacing-vertical);
+ margin-bottom: var(--global--spacing-vertical);
+}
+
+[data-block] [data-block]:first-child {
+ margin-top: 0;
+}
+
+[data-block] [data-block]:nth-last-child(2) {
+ margin-bottom: 0;
+}
+
+/* Block Alignments */
+.wp-block {
+ max-width: var(--responsive--aligndefault-width);
+}
+
+.wp-block[data-align="wide"], .wp-block.alignwide {
+ max-width: var(--responsive--alignwide-width);
+}
+
+.wp-block[data-align="full"], .wp-block.alignfull {
+ max-width: none;
+}
+
+.block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block[data-align="full"] > [data-block], .block-editor-block-list__layout:not(.edit-site-block-editor__block-list) .wp-block.alignfull > [data-block] {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.alignleft {
+ margin: 0;
+ margin-right: var(--global--spacing-horizontal);
+}
+
+.alignright {
+ margin: 0;
+ margin-left: var(--global--spacing-horizontal);
+}
+
+.has-drop-cap:not(:focus)::first-letter {
+ font-family: var(--heading--font-family);
+ font-weight: var(--heading--font-weight);
+ line-height: 0.66;
+ text-transform: uppercase;
+ font-style: normal;
+ float: left;
+ margin: 0.1em 0.1em 0 0;
+ font-size: calc(1.2 * var(--heading--font-size-h1));
+}
+
+@media only screen and (min-width: 482px) {
+ .wp-block[data-align="left"] > * {
+ max-width: 290px;
+ margin-right: var(--global--spacing-horizontal);
+ }
+ .wp-block[data-align="right"] > * {
+ max-width: 290px;
+ margin-left: var(--global--spacing-horizontal);
+ }
+}
+
+html {
+ font-family: var(--global--font-secondary);
+ line-height: var(--global--line-height-body);
+}
+
+body {
+ --wp--typography--line-height: var(--global--line-height-body);
+ color: var(--global--color-primary);
+ background-color: var(--global--color-background);
+ font-family: var(--global--font-secondary);
+ font-size: var(--global--font-size-base);
+ font-weight: normal;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+}
+
+.wp-block a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+}
+
+.wp-block a:hover {
+ text-decoration-style: dotted;
+}
+
+.wp-block a:focus {
+ outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+ text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a,
+.has-background:not(.has-background-background-color).has-link-color a {
+ color: var(--wp--style--color--link, var(--global--color-primary));
+}
+
+button,
+a {
+ cursor: pointer;
+}
+
+.has-black-color[class] {
+ color: var(--global--color-black);
+}
+
+.has-gray-color[class] {
+ color: var(--global--color-gray);
+}
+
+.has-dark-gray-color[class] {
+ color: var(--global--color-dark-gray);
+}
+
+.has-green-color[class] {
+ color: var(--global--color-green);
+}
+
+.has-blue-color[class] {
+ color: var(--global--color-blue);
+}
+
+.has-purple-color[class] {
+ color: var(--global--color-purple);
+}
+
+.has-red-color[class] {
+ color: var(--global--color-red);
+}
+
+.has-orange-color[class] {
+ color: var(--global--color-orange);
+}
+
+.has-yellow-color[class] {
+ color: var(--global--color-yellow);
+}
+
+.has-white-color[class] {
+ color: var(--global--color-white);
+}
+
+.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
+.has-background p,
+.has-background h1,
+.has-background h2,
+.has-background h3,
+.has-background h4,
+.has-background h5,
+.has-background h6 {
+ color: currentColor;
+}
+
+.has-black-background-color[class] {
+ background-color: var(--global--color-black);
+}
+
+.has-gray-background-color[class] {
+ background-color: var(--global--color-gray);
+}
+
+.has-dark-gray-background-color[class] {
+ background-color: var(--global--color-dark-gray);
+}
+
+.has-green-background-color[class] {
+ background-color: var(--global--color-green);
+}
+
+.has-blue-background-color[class] {
+ background-color: var(--global--color-blue);
+}
+
+.has-purple-background-color[class] {
+ background-color: var(--global--color-purple);
+}
+
+.has-red-background-color[class] {
+ background-color: var(--global--color-red);
+}
+
+.has-orange-background-color[class] {
+ background-color: var(--global--color-orange);
+}
+
+.has-yellow-background-color[class] {
+ background-color: var(--global--color-yellow);
+}
+
+.has-white-background-color[class] {
+ background-color: var(--global--color-white);
+}
+
+:not(.has-text-color).has-black-background-color[class], :not(.has-text-color).has-gray-background-color[class], :not(.has-text-color).has-dark-gray-background-color[class] {
+ color: var(--global--color-white);
+}
+
+:not(.has-text-color).has-green-background-color[class], :not(.has-text-color).has-blue-background-color[class], :not(.has-text-color).has-purple-background-color[class], :not(.has-text-color).has-red-background-color[class], :not(.has-text-color).has-orange-background-color[class], :not(.has-text-color).has-yellow-background-color[class], :not(.has-text-color).has-white-background-color[class] {
+ color: var(--global--color-dark-gray);
+}
+
+.has-purple-to-yellow-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
+}
+
+.has-yellow-to-purple-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
+}
+
+.has-green-to-yellow-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
+}
+
+.has-yellow-to-green-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
+}
+
+.has-red-to-yellow-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
+}
+
+.has-yellow-to-red-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
+}
+
+.has-purple-to-red-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
+}
+
+.has-red-to-purple-gradient-background {
+ background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
+}
+
+/*# sourceMappingURL=style-editor.css.map */
\ No newline at end of file
diff --git a/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js b/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js
new file mode 100644
index 0000000000..8c71e5ed19
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/js/customize-preview.js
@@ -0,0 +1,67 @@
+( function( api ) {
+ /**
+ * Get luminance from a HEX color.
+ *
+ * @param {string} hex - The hex color.
+ *
+ * @return {number} - Returns the luminance, number between 0 and 255.
+ */
+ function twentytwentyoneGetHexLum( hex ) {
+ var rgb = twentytwentyoneGetRgbFromHex( hex );
+ return Math.round( ( 0.2126 * rgb.r ) + ( 0.7152 * rgb.g ) + ( 0.0722 * rgb.b ) );
+ }
+
+ /**
+ * Get RGB from HEX.
+ *
+ * @param {string} hex - The hex color.
+ *
+ * @return {Object} - Returns an object {r, g, b}
+ */
+ function twentytwentyoneGetRgbFromHex( hex ) {
+ var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
+ result;
+
+ // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF").
+ hex = hex.replace( shorthandRegex, function( m, r, g, b ) {
+ return r.toString() + r.toString() + g.toString() + g.toString() + b.toString() + b.toString();
+ } );
+
+ result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec( hex );
+ return result ? {
+ r: parseInt( result[1], 16 ),
+ g: parseInt( result[2], 16 ),
+ b: parseInt( result[3], 16 )
+ } : null;
+ }
+
+ // Add listener for the "background_color" control.
+ api( 'background_color', function( value ) {
+ value.bind( function( to ) {
+ var lum = twentytwentyoneGetHexLum( to ),
+ isDark = 127 > lum,
+ textColor = ! isDark ? 'var(--global--color-dark-gray)' : 'var(--global--color-light-gray)',
+ tableColor = ! isDark ? 'var(--global--color-light-gray)' : 'var(--global--color-dark-gray)';
+
+ // Modify the body class depending on whether this is a dark background or not.
+ if ( isDark ) {
+ if ( ! document.body.classList.contains( 'is-background-dark' ) ) {
+ document.body.classList.add( 'is-background-dark' );
+ }
+ } else {
+ document.body.classList.remove( 'is-background-dark' );
+ }
+
+ document.documentElement.style.setProperty( '--global--color-primary', textColor );
+ document.documentElement.style.setProperty( '--global--color-secondary', textColor );
+ document.documentElement.style.setProperty( '--global--color-background', to );
+
+ document.documentElement.style.setProperty( '--button--color-background', textColor );
+ document.documentElement.style.setProperty( '--button--color-text', to );
+ document.documentElement.style.setProperty( '--button--color-text-hover', textColor );
+
+ document.documentElement.style.setProperty( '--table--stripes-border-color', tableColor );
+ document.documentElement.style.setProperty( '--table--stripes-background-color', tableColor );
+ } );
+ } );
+}( wp.customize, _ ) );
diff --git a/src/wp-content/themes/twentytwentyone/assets/js/palette-colorpicker.js b/src/wp-content/themes/twentytwentyone/assets/js/palette-colorpicker.js
new file mode 100644
index 0000000000..89271f336b
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/js/palette-colorpicker.js
@@ -0,0 +1,53 @@
+/**
+ * Script for our custom colorpicker control.
+ *
+ * This is copied from wp-admin/js/customize-controls.js
+ * with a few tweaks:
+ * Removed the hue picker script because we don't use it here
+ * Added the "palettes" argument in wpColorPicker().
+ */
+wp.customize.controlConstructor['twenty-twenty-one-color'] = wp.customize.Control.extend( {
+ ready: function() {
+ var control = this,
+ updating = false,
+ picker;
+
+ picker = this.container.find( '.color-picker-hex' );
+ picker.val( control.setting() ).wpColorPicker( {
+ palettes: control.params.palette,
+ change: function() {
+ updating = true;
+ control.setting.set( picker.wpColorPicker( 'color' ) );
+ updating = false;
+ },
+ clear: function() {
+ updating = true;
+ control.setting.set( '' );
+ updating = false;
+ }
+ } );
+
+ control.setting.bind( function( value ) {
+ // Bail if the update came from the control itself.
+ if ( updating ) {
+ return;
+ }
+ picker.val( value );
+ picker.wpColorPicker( 'color', value );
+ } );
+
+ // Collapse color picker when hitting Esc instead of collapsing the current section.
+ control.container.on( 'keydown', function( event ) {
+ var pickerContainer;
+ if ( 27 !== event.which ) { // Esc.
+ return;
+ }
+ pickerContainer = control.container.find( '.wp-picker-container' );
+ if ( pickerContainer.hasClass( 'wp-picker-active' ) ) {
+ picker.wpColorPicker( 'close' );
+ control.container.find( '.wp-color-result' ).focus();
+ event.stopPropagation(); // Prevent section from being collapsed.
+ }
+ } );
+ }
+} );
diff --git a/src/wp-content/themes/twentytwentyone/assets/js/polyfills.js b/src/wp-content/themes/twentytwentyone/assets/js/polyfills.js
new file mode 100644
index 0000000000..bbdc2dabe0
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/js/polyfills.js
@@ -0,0 +1,42 @@
+/**
+ * File primary-navigation.js.
+ *
+ * Required to open and close the mobile navigation.
+ */
+
+/**
+ * Polyfill for Element.closest() because we need to support IE11.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+ */
+if ( ! Element.prototype.matches ) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+}
+
+if ( ! Element.prototype.closest ) {
+ Element.prototype.closest = function( s ) {
+ var el = this;
+ do {
+ if ( Element.prototype.matches.call( el, s ) ) {
+ return el;
+ }
+ el = el.parentElement || el.parentNode;
+ } while ( el !== null && el.nodeType === 1 );
+ return null;
+ };
+}
+
+/**
+ * Polyfill for NodeList.foreach() because we need to support IE11.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach
+ */
+if ( window.NodeList && ! NodeList.prototype.forEach ) {
+ NodeList.prototype.forEach = function( callback, thisArg ) {
+ var i;
+ thisArg = thisArg || window;
+ for ( i = 0; i < this.length; i++ ) {
+ callback.call( thisArg, this[i], i, this );
+ }
+ };
+}
diff --git a/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js b/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js
new file mode 100644
index 0000000000..54be8e3de1
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js
@@ -0,0 +1,146 @@
+/**
+ * File primary-navigation.js.
+ *
+ * Required to open and close the mobile navigation.
+ */
+
+/**
+ * Toggle an attribute's value
+ *
+ * @param {Element} el - The element.
+ * @param {boolean} withListeners - Whether we want to add/remove listeners or not.
+ * @since 1.0.0
+ */
+function twentytwentyoneToggleAriaExpanded( el, withListeners ) {
+ if ( 'true' !== el.getAttribute( 'aria-expanded' ) ) {
+ el.setAttribute( 'aria-expanded', 'true' );
+ if ( withListeners ) {
+ document.addEventListener( 'click', twentytwentyoneCollapseMenuOnClickOutside );
+ }
+ } else {
+ el.setAttribute( 'aria-expanded', 'false' );
+ if ( withListeners ) {
+ document.removeEventListener( 'click', twentytwentyoneCollapseMenuOnClickOutside );
+ }
+ }
+}
+
+function twentytwentyoneCollapseMenuOnClickOutside( event ) {
+ if ( ! document.getElementById( 'site-navigation' ).contains( event.target ) ) {
+ document.getElementById( 'site-navigation' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) {
+ button.setAttribute( 'aria-expanded', 'false' );
+ } );
+ }
+}
+
+/**
+ * Handle clicks on submenu toggles.
+ *
+ * @param {Element} el - The element.
+ */
+function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line
+ // Close submenu that was opened from a hover action.
+ // We'll return early in this case to avoid changing the aria-expanded attribute.
+ if ( el.parentNode.classList.contains( 'hover' ) ) {
+ el.parentNode.classList.remove( 'hover' );
+ return;
+ }
+
+ // Close other expanded items.
+ el.closest( 'nav' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) {
+ if ( button !== el ) {
+ button.setAttribute( 'aria-expanded', 'false' );
+ }
+ } );
+
+ // Toggle aria-expanded on the button.
+ twentytwentyoneToggleAriaExpanded( el, true );
+
+ // On tab-away collapse the menu.
+ el.parentNode.querySelectorAll( 'ul > li:last-child > a' ).forEach( function( linkEl ) {
+ linkEl.addEventListener( 'blur', function( event ) {
+ if ( ! el.parentNode.contains( event.relatedTarget ) ) {
+ el.setAttribute( 'aria-expanded', 'false' );
+ }
+ } );
+ } );
+}
+
+( function() {
+ /**
+ * Menu Toggle Behaviors
+ *
+ * @param {string} id - The ID.
+ */
+ var navMenu = function( id ) {
+ var wrapper = document.body, // this is the element to which a CSS class is added when a mobile nav menu is open
+ mobileButton = document.getElementById( id + '-mobile-menu' );
+
+ if ( mobileButton ) {
+ mobileButton.onclick = function() {
+ wrapper.classList.toggle( id + '-navigation-open' );
+ wrapper.classList.toggle( 'lock-scrolling' );
+ twentytwentyoneToggleAriaExpanded( mobileButton );
+ mobileButton.focus();
+ };
+ }
+ /**
+ * Trap keyboard navigation in the menu modal.
+ * Adapted from TwentyTwenty
+ */
+ document.addEventListener( 'keydown', function( event ) {
+ var modal, elements, selectors, lastEl, firstEl, activeEl, tabKey, shiftKey, escKey;
+ if ( ! wrapper.classList.contains( id + '-navigation-open' ) ) {
+ return;
+ }
+
+ modal = document.querySelector( '.' + id + '-navigation' );
+ selectors = 'input, a, button';
+ elements = modal.querySelectorAll( selectors );
+ elements = Array.prototype.slice.call( elements );
+ tabKey = event.keyCode === 9;
+ shiftKey = event.shiftKey;
+ escKey = event.keyCode === 27;
+ activeEl = document.activeElement;
+ lastEl = elements[ elements.length - 1 ];
+ firstEl = elements[0];
+
+ if ( escKey ) {
+ event.preventDefault();
+ wrapper.classList.remove( id + '-navigation-open', 'lock-scrolling' );
+ twentytwentyoneToggleAriaExpanded( mobileButton );
+ mobileButton.focus();
+ }
+
+ if ( ! shiftKey && tabKey && lastEl === activeEl ) {
+ event.preventDefault();
+ firstEl.focus();
+ }
+
+ if ( shiftKey && tabKey && firstEl === activeEl ) {
+ event.preventDefault();
+ lastEl.focus();
+ }
+
+ // If there are no elements in the menu, don't move the focus
+ if ( tabKey && firstEl === lastEl ) {
+ event.preventDefault();
+ }
+ } );
+
+ document.getElementById( 'site-navigation' ).querySelectorAll( '.menu-wrapper > .menu-item-has-children' ).forEach( function( li ) {
+ li.addEventListener( 'mouseenter', function() {
+ if ( 'false' === this.querySelector( '.sub-menu-toggle' ).getAttribute( 'aria-expanded' ) ) {
+ this.classList.add( 'hover' );
+ }
+ } );
+ li.addEventListener( 'mouseleave', function() {
+ this.classList.remove( 'hover' );
+ } );
+ } );
+ };
+
+ window.addEventListener( 'load', function() {
+ new navMenu( 'primary' );
+ } );
+}() );
diff --git a/src/wp-content/themes/twentytwentyone/assets/js/skip-link-focus-fix.js b/src/wp-content/themes/twentytwentyone/assets/js/skip-link-focus-fix.js
new file mode 100644
index 0000000000..ed4676e6c3
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/js/skip-link-focus-fix.js
@@ -0,0 +1,33 @@
+/**
+ * File skip-link-focus-fix.js.
+ *
+ * Helps with accessibility for keyboard only users.
+ *
+ * This is the source file for what is minified in the twenty_twenty_one_skip_link_focus_fix() PHP function.
+ *
+ * Learn more: https://git.io/vWdr2
+ */
+( function() {
+ var isIe = /(trident|msie)/i.test( navigator.userAgent );
+
+ if ( isIe && document.getElementById && window.addEventListener ) {
+ window.addEventListener( 'hashchange', function() {
+ var id = location.hash.substring( 1 ),
+ element;
+
+ if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) {
+ return;
+ }
+
+ element = document.getElementById( id );
+
+ if ( element ) {
+ if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) {
+ element.tabIndex = -1;
+ }
+
+ element.focus();
+ }
+ }, false );
+ }
+}() );
diff --git a/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js b/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js
new file mode 100644
index 0000000000..c6887c2f09
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/assets/js/unregister-block-style.js
@@ -0,0 +1,6 @@
+/**
+ * Unregister "Wide" Separator Style
+ */
+wp.domReady( function() {
+ wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' );
+} );
diff --git a/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php
new file mode 100644
index 0000000000..6c9bdbf10e
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php
@@ -0,0 +1,180 @@
+get_relative_luminance_from_hex( $background_color ) ) ? '#000' : '#fff';
+ }
+
+ /**
+ * Generate color variables.
+ *
+ * Adjust the color value of the CSS variables depending on the background color theme mod.
+ * Both text and link colors needs to be updated.
+ * The code below needs to be updated, because the colors are no longer theme mods.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @param string|null $context Can be "editor" or null.
+ *
+ * @return string
+ */
+ public function generate_custom_color_variables( $context = null ) {
+
+ $theme_css = 'editor' === $context ? ':root .editor-styles-wrapper{' : ':root{';
+ $background_color = get_theme_mod( 'background_color', 'D1E4DD' );
+
+ if ( 'd1e4dd' !== strtolower( $background_color ) ) {
+ $theme_css .= '--global--color-background: #' . $background_color . ';';
+ $theme_css .= '--global--color-primary: ' . $this->custom_get_readable_color( $background_color ) . ';';
+ $theme_css .= '--global--color-secondary: ' . $this->custom_get_readable_color( $background_color ) . ';';
+ $theme_css .= '--button--color-background: ' . $this->custom_get_readable_color( $background_color ) . ';';
+ $theme_css .= '--button--color-text-hover: ' . $this->custom_get_readable_color( $background_color ) . ';';
+
+ if ( '#fff' === $this->custom_get_readable_color( $background_color ) ) {
+ $theme_css .= '--table--stripes-border-color: var(--global--color-dark-gray);';
+ $theme_css .= '--table--stripes-background-color: var(--global--color-dark-gray);';
+ }
+ }
+
+ $theme_css .= '}';
+
+ return $theme_css;
+ }
+
+ /**
+ * Customizer & frontend custom color variables.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @return void
+ */
+ public function custom_color_variables() {
+ if ( 'd1e4dd' !== strtolower( get_theme_mod( 'background_color', 'D1E4DD' ) ) ) {
+ wp_add_inline_style( 'twenty-twenty-one-style', $this->generate_custom_color_variables() );
+ }
+ }
+
+ /**
+ * Editor custom color variables.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @return void
+ */
+ public function editor_custom_color_variables() {
+ wp_enqueue_style(
+ 'twenty-twenty-one-custom-color-overrides',
+ get_theme_file_uri( 'assets/css/custom-color-overrides.css' ),
+ array(),
+ (string) filemtime( get_theme_file_path( 'assets/css/custom-color-overrides.css' ) )
+ );
+ if ( 'd1e4dd' !== strtolower( get_theme_mod( 'background_color', 'D1E4DD' ) ) ) {
+ wp_add_inline_style( 'twenty-twenty-one-custom-color-overrides', $this->generate_custom_color_variables( 'editor' ) );
+ }
+ }
+
+ /**
+ * Get luminance from a HEX color.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @param string $hex The HEX color.
+ *
+ * @return int Returns a number (0-255).
+ */
+ public function get_relative_luminance_from_hex( $hex ) {
+
+ // Remove the "#" symbol from the beginning of the color.
+ $hex = ltrim( $hex, '#' );
+
+ // Make sure we have 6 digits for the below calculations.
+ if ( 3 === strlen( $hex ) ) {
+ $hex = substr( $hex, 0, 1 ) . substr( $hex, 0, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 2, 1 ) . substr( $hex, 2, 1 );
+ }
+
+ // Get red, green, blue.
+ $red = hexdec( substr( $hex, 0, 2 ) );
+ $green = hexdec( substr( $hex, 2, 2 ) );
+ $blue = hexdec( substr( $hex, 4, 2 ) );
+
+ // Calculate the luminance.
+ $lum = ( 0.2126 * $red ) + ( 0.7152 * $green ) + ( 0.0722 * $blue );
+ return (int) round( $lum );
+ }
+
+ /**
+ * Adds a class to if the background-color is dark.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @param array $classes The existing body classes.
+ *
+ * @return array
+ */
+ public function body_class( $classes ) {
+ $background_color = get_theme_mod( 'background_color', 'D1E4DD' );
+ if ( 127 > $this->get_relative_luminance_from_hex( $background_color ) ) {
+ $classes[] = 'is-background-dark';
+ } else {
+ $classes[] = 'is-background-light';
+ }
+
+ $light_colors_default_palette = array( '#D1E4DD', '#D1DFE4', '#D1D1E4', '#E4D1D1', '#E4DAD1', '#EEEADD', '#FFFFFF' );
+ if ( in_array( strtoupper( '#' . ltrim( $background_color, '#' ) ), $light_colors_default_palette, true ) ) {
+ $classes[] = 'has-default-light-palette-background';
+ }
+
+ return $classes;
+ }
+}
diff --git a/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize-color-control.php b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize-color-control.php
new file mode 100644
index 0000000000..62a53a8a91
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize-color-control.php
@@ -0,0 +1,75 @@
+json['palette'] = $this->palette;
+ }
+}
diff --git a/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php
new file mode 100644
index 0000000000..87a616ee15
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-customize.php
@@ -0,0 +1,192 @@
+get_setting( 'blogname' )->transport = 'postMessage';
+ $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
+
+ // Add partial for blogname.
+ $wp_customize->selective_refresh->add_partial(
+ 'blogname',
+ array(
+ 'selector' => '.site-title',
+ 'render_callback' => array( $this, 'partial_blogname' ),
+ )
+ );
+
+ // Add partial for blogdescription.
+ $wp_customize->selective_refresh->add_partial(
+ 'blogdescription',
+ array(
+ 'selector' => '.site-description',
+ 'render_callback' => array( $this, 'partial_blogdescription' ),
+ )
+ );
+
+ // Add "display_title_and_tagline" setting for displaying the site-title & tagline.
+ $wp_customize->add_setting(
+ 'display_title_and_tagline',
+ array(
+ 'capability' => 'edit_theme_options',
+ 'default' => true,
+ 'sanitize_callback' => array( __CLASS__, 'sanitize_checkbox' ),
+ )
+ );
+
+ // Add control for the "display_title_and_tagline" setting.
+ $wp_customize->add_control(
+ 'display_title_and_tagline',
+ array(
+ 'type' => 'checkbox',
+ 'section' => 'title_tagline',
+ 'label' => esc_html__( 'Display Site Title & Tagline', 'twentytwentyone' ),
+ )
+ );
+
+ /**
+ * Add excerpt or full text selector to customizer
+ */
+ $wp_customize->add_section(
+ 'excerpt_settings',
+ array(
+ 'title' => esc_html__( 'Excerpt Settings', 'twentytwentyone' ),
+ 'priority' => 120,
+ )
+ );
+
+ $wp_customize->add_setting(
+ 'display_excerpt_or_full_post',
+ array(
+ 'capability' => 'edit_theme_options',
+ 'default' => 'excerpt',
+ 'sanitize_callback' => function( $value ) {
+ return 'excerpt' === $value || 'full' === $value ? $value : 'excerpt';
+ },
+ )
+ );
+
+ $wp_customize->add_control(
+ 'display_excerpt_or_full_post',
+ array(
+ 'type' => 'radio',
+ 'section' => 'excerpt_settings',
+ 'label' => esc_html__( 'On archive pages, posts show:', 'twentytwentyone' ),
+ 'choices' => array(
+ 'excerpt' => esc_html__( 'Summary', 'twentytwentyone' ),
+ 'full' => esc_html__( 'Full text', 'twentytwentyone' ),
+ ),
+ )
+ );
+
+ // Background color.
+ // Include the custom control class.
+ include_once get_theme_file_path( 'classes/class-twenty-twenty-one-customize-color-control.php' ); // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
+
+ // Register the custom control.
+ $wp_customize->register_control_type( 'Twenty_Twenty_One_Customize_Color_Control' );
+
+ // Get the palette from theme-supports.
+ $palette = get_theme_support( 'editor-color-palette' );
+
+ // Build the colors array from our theme-support.
+ $colors = array();
+ if ( isset( $palette[0] ) && is_array( $palette[0] ) ) {
+ foreach ( $palette[0] as $palette_color ) {
+ $colors[] = $palette_color['color'];
+ }
+ }
+
+ // Add the control. Overrides the default background-color control.
+ $wp_customize->add_control(
+ new Twenty_Twenty_One_Customize_Color_Control(
+ $wp_customize,
+ 'background_color',
+ array(
+ 'label' => esc_html__( 'Background Control', 'twentytwentyone' ),
+ 'section' => 'colors',
+ 'palette' => $colors,
+ )
+ )
+ );
+ }
+
+ /**
+ * Sanitize boolean for checkbox.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @param bool $checked Whether or not a box is checked.
+ *
+ * @return bool
+ */
+ public static function sanitize_checkbox( $checked = null ) {
+ return (bool) isset( $checked ) && true === $checked;
+ }
+
+ /**
+ * Render the site title for the selective refresh partial.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @return void
+ */
+ public function partial_blogname() {
+ bloginfo( 'name' );
+ }
+
+ /**
+ * Render the site tagline for the selective refresh partial.
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @return void
+ */
+ public function partial_blogdescription() {
+ bloginfo( 'description' );
+ }
+ }
+}
diff --git a/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-svg-icons.php b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-svg-icons.php
new file mode 100644
index 0000000000..0ba49ebe4b
--- /dev/null
+++ b/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-svg-icons.php
@@ -0,0 +1,250 @@
+ source on its own array key, without adding either
+ * the `width` or `height` attributes, since these are added dynamically,
+ * before rendering the SVG code.
+ *
+ * All icons are assumed to have equal width and height, hence the option
+ * to only specify a `$size` parameter in the svg methods.
+ *
+ * @since 1.0.0
+ */
+class Twenty_Twenty_One_SVG_Icons {
+
+ /**
+ * User Interface icons – svg sources.
+ *
+ * @access protected
+ *
+ * @since 1.0.0
+ *
+ * @var array
+ */
+ protected static $icons = array(
+ 'arrow_right' => '',
+ 'arrow_left' => '',
+ 'close' => '',
+ 'menu' => '',
+ 'plus' => '',
+ 'minus' => '',
+ );
+
+ /**
+ * Social Icons – svg sources.
+ *
+ * @access protected
+ *
+ * @since 1.0.0
+ *
+ * @var array
+ */
+ protected static $social_icons = array(
+ '500px' => '',
+ 'amazon' => '',
+ 'bandcamp' => '',
+ 'behance' => '',
+ 'codepen' => '',
+ 'deviantart' => '',
+ 'dribbble' => '',
+ 'dropbox' => '',
+ 'etsy' => '',
+ 'facebook' => '',
+ 'feed' => '',
+ 'flickr' => '',
+ 'foursquare' => '',
+ 'goodreads' => '',
+ 'google' => '',
+ 'github' => '',
+ 'instagram' => '',
+ 'lastfm' => '',
+ 'linkedin' => '',
+ 'mail' => '',
+ 'mastodon' => '',
+ 'medium' => '',
+ 'meetup' => '',
+ 'pinterest' => '',
+ 'pocket' => '',
+ 'reddit' => '',
+ 'skype' => '',
+ 'snapchat' => '',
+ 'soundcloud' => '',
+ 'spotify' => '',
+ 'tumblr' => '',
+ 'twitch' => '',
+ 'twitter' => '',
+ 'vimeo' => '',
+ 'vk' => '',
+ 'wordpress' => '',
+ 'yelp' => '',
+ 'youtube' => '',
+ );
+
+ /**
+ * Social Icons – domain mappings.
+ *
+ * By default, each Icon ID is matched against a .com TLD. To override this behavior,
+ * specify all the domains it covers (including the .com TLD too, if applicable).
+ *
+ * @since 1.0.0
+ *
+ * @var array
+ */
+ protected static $social_icons_map = array(
+ 'amazon' => array(
+ 'amazon.com',
+ 'amazon.cn',
+ 'amazon.in',
+ 'amazon.fr',
+ 'amazon.de',
+ 'amazon.it',
+ 'amazon.nl',
+ 'amazon.es',
+ 'amazon.co',
+ 'amazon.ca',
+ ),
+ 'behance' => array(
+ 'behance.net',
+ ),
+ 'codepen' => array(
+ 'codepen.io',
+ ),
+ 'facebook' => array(
+ 'facebook.com',
+ 'fb.me',
+ ),
+ 'feed' => array(
+ 'feed',
+ ),
+ 'lastfm' => array(
+ 'last.fm',
+ ),
+ 'mail' => array(
+ 'mailto:',
+ ),
+ 'pocket' => array(
+ 'getpocket.com',
+ ),
+ 'twitch' => array(
+ 'twitch.tv',
+ ),
+ 'wordpress' => array(
+ 'wordpress.com',
+ 'wordpress.org',
+ ),
+ );
+
+ /**
+ * Gets the SVG code for a given icon.
+ *
+ * @static
+ *
+ * @access public
+ *
+ * @since 1.0.0
+ *
+ * @param string $group the icon group.
+ * @param string $icon The icon.
+ * @param int $size The icon-size in pixels.
+ *
+ * @return string
+ */
+ public static function get_svg( $group, $icon, $size ) {
+
+ if ( 'ui' === $group ) {
+ $arr = self::$icons;
+ } elseif ( 'social' === $group ) {
+ $arr = self::$social_icons;
+ } else {
+ $arr = array();
+ }
+
+ /**
+ * Filters Twenty Twenty-Ones's array of icons.
+ *
+ * The dynamic portion of the hook name, `$group`, refers to
+ * the name of the group of icons, either "ui" or "social".
+ *
+ * @since 1.0.0
+ *
+ * @param array $arr Array of icons.
+ */
+ $arr = apply_filters( "twenty_twenty_one_svg_icons_{$group}", $arr );
+
+ $svg = '';
+ if ( array_key_exists( $icon, $arr ) ) {
+ $repl = sprintf( '