From: soufiane Date: Fri, 21 Apr 2023 16:10:14 +0000 (+0200) Subject: wip #5812 @2:00 init wordpress X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=129ce5b2e32b0c29c15ba613a6d921a954dc813e;p=sycomore-fondation.git wip #5812 @2:00 init wordpress --- diff --git a/wp-content/themes/twentytwentyone/.stylelintignore b/wp-content/themes/twentytwentyone/.stylelintignore new file mode 100644 index 0000000..b732fe3 --- /dev/null +++ b/wp-content/themes/twentytwentyone/.stylelintignore @@ -0,0 +1,10 @@ +vendor/ +node_modules/ +assets/images +*.php +*.map +*.png +*.json +LICENSE +composer.lock +*.txt diff --git a/wp-content/themes/twentytwentyone/.stylelintrc-css.json b/wp-content/themes/twentytwentyone/.stylelintrc-css.json new file mode 100644 index 0000000..7676b68 --- /dev/null +++ b/wp-content/themes/twentytwentyone/.stylelintrc-css.json @@ -0,0 +1,23 @@ +{ + "extends": [ + "@wordpress/stylelint-config" + ], + "rules": { + "indentation": "tab", + "no-duplicate-selectors": null, + "function-url-quotes": null, + "selector-attribute-quotes": null, + "declaration-block-no-duplicate-properties": null, + "function-calc-no-unspaced-operator": null, + "selector-pseudo-class-no-unknown": null, + "selector-class-pattern": null, + "font-weight-notation": null, + "selector-type-no-unknown": null, + "max-line-length": null, + "at-rule-empty-line-before": null, + "selector-pseudo-element-colon-notation": null, + "number-leading-zero": null, + "no-descending-specificity": null, + "length-zero-no-unit": [true, {"ignore": ["custom-properties"]}] + } +} diff --git a/wp-content/themes/twentytwentyone/.stylelintrc.json b/wp-content/themes/twentytwentyone/.stylelintrc.json new file mode 100644 index 0000000..c27cf37 --- /dev/null +++ b/wp-content/themes/twentytwentyone/.stylelintrc.json @@ -0,0 +1,16 @@ +{ + "extends": [ + "@wordpress/stylelint-config/scss" + ], + "rules": { + "selector-class-pattern": null, + "font-weight-notation": null, + "selector-type-no-unknown": null, + "max-line-length": null, + "at-rule-empty-line-before": null, + "selector-pseudo-element-colon-notation": null, + "number-leading-zero": null, + "no-descending-specificity": null, + "length-zero-no-unit": [true, {"ignore": ["custom-properties"]}] + } +} diff --git a/wp-content/themes/twentytwentyone/404.php b/wp-content/themes/twentytwentyone/404.php new file mode 100644 index 0000000..c15a2e5 --- /dev/null +++ b/wp-content/themes/twentytwentyone/404.php @@ -0,0 +1,27 @@ + + +
+

+
+ +
+
+

+ +
+
+ + + + + +
+ ', '' ); ?> + +
+ +
+ + + + + + + + + + + + + * { + margin-top: 20px; + margin-bottom: 20px; +} + +blockquote > *:first-child { + margin-top: 0; +} + +blockquote > *:last-child { + margin-bottom: 0; +} + +blockquote p { + letter-spacing: normal; + 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; +} + +blockquote cite, +blockquote footer { + font-weight: normal; + letter-spacing: normal; +} + +blockquote.alignleft, +blockquote.alignright { + padding-left: inherit; +} + +blockquote.alignleft p, +blockquote.alignright p { + font-size: 1.125rem; + max-width: inherit; + width: inherit; +} + +blockquote.alignleft cite, +blockquote.alignleft footer, +blockquote.alignright cite, +blockquote.alignright footer { + font-size: 1rem; + letter-spacing: normal; +} + +blockquote strong { + font-weight: bolder; +} + +blockquote:before { + content: "“"; + font-size: 1.25rem; + line-height: 1.7; + position: absolute; + left: -12px; +} + +blockquote .wp-block-quote__citation, +blockquote cite, +blockquote footer { + color: #28303d; + font-size: 1rem; + font-style: normal; +} +@media only screen and (max-width: 481px) { + + blockquote { + padding-left: 13px; + } + + blockquote:before { + left: 0; + } +} + +img { + height: auto; + vertical-align: middle; +} + +/* Classic editor images */ + +/* Make sure embeds and iframes fit their containers. */ +img, +.entry-content img, +embed, +iframe, +object, +video { + max-width: 100%; +} + +/* Media captions */ +figcaption, +.wp-caption, +.wp-caption-text, +.wp-block-embed figcaption { + 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, +.alignleft .wp-block-embed figcaption, +.alignright .wp-block-embed figcaption { + 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; + background: #fff url("data:image/svg+xml;utf8,") no-repeat; + background-position: right 10px top 60%; +} + +select:focus { + 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; + background: #fff url("data:image/svg+xml;utf8,") no-repeat; + 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:not(.wp-block-button__link):not(.wp-block-file__button) { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + text-decoration: underline 1px dotted currentColor; + text-decoration-skip-ink: none; + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: #000; + color: #fff; + text-decoration: none; +} + +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { + color: #fff; +} + +.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: rgba(0, 0, 0, 0.9); + color: #fff; +} + +.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { + color: #fff; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + outline-offset: -2px; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { + color: #21759b; + background-color: #f1f1f1; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { + outline: 2px dotted #28303d; +} + +.wp-block-button__link { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; + padding: 15px 30px; + text-decoration: none; +} + +.wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-button__link:hover, +.wp-block-button__link:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-button__link:focus { + outline-offset: -6px; + 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; +} + +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, +.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; +} + +.wp-block-button.is-style-outline .wp-block-button__link:hover { + background-color: #28303d !important; + border-color: transparent !important; + color: #d1e4dd !important; +} + +.wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: #28303d !important; + border-color: transparent !important; + color: #d1e4dd !important; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover { + background-color: #28303d !important; + color: #d1e4dd !important; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: #28303d !important; + color: #d1e4dd !important; +} + +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { + color: #d1e4dd !important; +} + +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { + color: #d1e4dd !important; +} + +.wp-block-button.is-style-outline .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-button.is-style-squared { + border-radius: 0; +} + +.is-style-outline .wp-block-button__link[style*=radius], +.wp-block-button__link[style*=radius] { + outline-offset: 2px; +} + +.wp-block-code code { + white-space: pre !important; + overflow-x: auto; +} + +.wp-block-code { + border-color: #28303d; + border-radius: 0; + border-style: solid; + border-width: 0.1rem; + padding: 20px; + color: currentColor; +} + +.wp-block-cover, +.wp-block-cover-image { + background-color: #000; + min-height: 450px; + margin-top: inherit; + margin-bottom: inherit; +} + +.wp-block-cover:not(.alignwide):not(.alignfull), +.wp-block-cover-image:not(.alignwide):not(.alignfull) { + clear: both; +} + +[data-align=full] .wp-block-cover, +[data-align=full] .wp-block-cover-image { + margin-top: 0; + margin-bottom: 0; +} + +.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:not(.block-list-appender), +.wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), +.wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2), +.wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), +.wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) { + margin-bottom: 0; +} + +.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, +.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: #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; + text-align: inherit; +} +@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; + text-align: inherit; +} +@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, +.wp-block-cover-image.is-style-twentytwentyone-border { + border: 3px solid #28303d; +} + +.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; +} + +.wp-block-columns:not(.alignwide):not(.alignfull) { + clear: both; +} + +.wp-block-columns .wp-block, +.wp-block-columns .wp-block-column { + max-width: inherit; +} + +.wp-block-columns > .wp-block-column > *:first-child { + margin-top: 0; +} + +.wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2), +.wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) { + margin-bottom: 0; +} +@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] > .wp-block-columns p:not(.has-background) { + padding-left: 20px; + padding-right: 20px; +} + +.wp-block[data-align=full] > .wp-block-columns h1:not(.has-background) { + padding-left: 20px; + padding-right: 20px; +} + +.wp-block[data-align=full] > .wp-block-columns h2:not(.has-background) { + padding-left: 20px; + padding-right: 20px; +} + +.wp-block[data-align=full] > .wp-block-columns h3:not(.has-background) { + padding-left: 20px; + padding-right: 20px; +} + +.wp-block[data-align=full] > .wp-block-columns h4:not(.has-background) { + padding-left: 20px; + padding-right: 20px; +} + +.wp-block[data-align=full] > .wp-block-columns h5:not(.has-background) { + padding-left: 20px; + padding-right: 20px; +} + +.wp-block[data-align=full] > .wp-block-columns 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 { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; + padding: 15px 30px; + text-decoration: none; + display: inline-block; +} + +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-file .wp-block-file__button:hover, +.wp-block-file .wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.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-file .wp-block-file__button:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-gallery figcaption { + margin-bottom: 0; +} + +.wp-block-gallery figcaption a { + color: #fff; +} + +.wp-block-group.has-background { + padding: 30px; +} + +[data-align=full] .wp-block-group.has-background { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-group.is-style-twentytwentyone-border { + border: 3px solid #28303d; + padding: 30px; +} + +.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { + max-width: calc(100% + 60px); + width: calc(100% + 60px); + margin-left: -30px; +} + +.wp-block-group > .wp-block-group__inner-container > *:first-child { + margin-top: 0; +} + +.wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2), +.wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) { + 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-weight: normal; +} + +.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: 600; +} + +.wp-block-heading h1[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +h1[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.h1[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.wp-block-heading h2[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +h2[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.h2[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.wp-block-heading h3[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +h3[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.h3[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.wp-block-heading h4[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +h4[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.h4[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.wp-block-heading h5[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +h5[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.h5[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.wp-block-heading h6[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +h6[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.h6[style*="--wp--typography--line-height"] { + line-height: 1.7; +} + +.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; + } +} + +h2 { + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; +} + +@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; + } +} + +.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, +h4, +.h4 { + font-size: 1.5rem; + font-weight: 600; + letter-spacing: normal; + line-height: 1.3; +} + +.wp-block-heading h5, +h5, +.h5 { + font-size: 1.125rem; + font-weight: 600; + letter-spacing: 0.05em; + line-height: 1.3; +} + +.wp-block-heading h6, +h6, +.h6 { + font-size: 1rem; + font-weight: 600; + letter-spacing: 0.05em; + line-height: 1.3; +} + +[data-type="core/html"] textarea { + color: #28303d; + border-radius: 0; + padding: 20px; +} + +/* Center image block by default in the editor */ +.wp-block-image, +.wp-block-image > div:not(.components-placeholder) { + 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: 3px solid #28303d; +} + +.wp-block-image.is-style-twentytwentyone-image-frame img { + padding: 20px; +} + +.wp-block-latest-comments, +.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 { + word-wrap: break-word; + word-break: break-word; +} + +.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, +.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, +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; +} + +[data-align=full] .wp-block-media-text { + margin-top: 0; + margin-bottom: 0; +} + +.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:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2), +.wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) { + margin-bottom: 0; +} + +.wp-block-media-text .wp-block-media-text__content { + padding: 25px; +} + +.wp-block-media-text.is-style-twentytwentyone-border { + border: 3px solid #28303d; +} + +.wp-block-navigation [data-block] { + margin-top: revert; + margin-bottom: revert; +} + +.wp-block-navigation .wp-block-navigation__container { + background: #d1e4dd; +} + +.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: 1.7; +} + +p.has-background { + padding: 20px; +} + +pre.wp-block-preformatted { + overflow-x: auto; + white-space: pre !important; + font-size: 1rem; +} + +.wp-block-pullquote { + padding: 40px 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: "“"; + display: block; + position: relative; + left: 0; + 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, +.wp-block-pullquote cite, +.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 { + margin-left: auto; + margin-right: auto; + 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, +.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[data-align=left] .wp-block-pullquote.is-style-solid-color { + padding: 20px; +} + +.wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color { + padding: 20px; +} + +.wp-block-query.has-background { + padding: 20px; +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: 30px; + } +} + +.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: bolder; +} + +.wp-block-quote:before { + content: "“"; + font-size: 1.25rem; + line-height: 1.7; + left: -12px; +} + +.wp-block-quote .wp-block-quote__citation { + color: currentColor; + font-size: 1rem; + font-style: normal; +} + +.has-background .wp-block-quote .wp-block-quote__citation, +[class*=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 { + 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 { + display: none; +} + +.wp-block-quote.has-text-align-right p:before { + content: "”"; + font-size: 1.25rem; + font-weight: normal; + line-height: 1.7; + margin-right: 5px; +} + +.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, +.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, +.wp-block-quote.is-style-large.has-text-align-right:before { + display: none; +} + +.wp-block-quote.is-large.has-text-align-right p:before { + content: "”"; + font-size: 2.25rem; + font-weight: normal; + line-height: 1.35; + margin-right: 10px; +} +@media only screen and (min-width: 652px) { + + .wp-block-quote.is-large.has-text-align-right p:before { + font-size: 2.5rem; + } +} + +.wp-block-quote.is-style-large.has-text-align-right p:before { + content: "”"; + font-size: 2.25rem; + font-weight: normal; + line-height: 1.35; + margin-right: 10px; +} +@media only screen and (min-width: 652px) { + + .wp-block-quote.is-style-large.has-text-align-right p:before { + font-size: 2.5rem; + } +} +@media only screen and (max-width: 481px) { + + .wp-block-quote.is-large, + .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, + .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, +.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__button-inside .wp-block-search__inside-wrapper, +.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; +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, +.is-dark-theme .wp-block-search .wp-block-search__input { + background: rgba(255, 255, 255, 0.9); +} + +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, +.has-background .wp-block-search .wp-block-search__input { + border-color: #28303d !important; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; + padding: 15px 30px; + text-decoration: none; + box-shadow: none; + margin-left: 0; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-search .wp-block-search__button.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-search .wp-block-search__button.wp-block-search__button.has-icon { + padding: 6px 15px; + display: inherit; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { + width: 40px; + height: 40px; +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover { + background-color: #d1e4dd !important; + color: #28303d !important; +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: #d1e4dd !important; + color: #28303d !important; +} + +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover { + color: #28303d !important; +} + +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { + color: #28303d !important; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 3px; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__input { + border: none; +} + +.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover { + color: #28303d; +} + +.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { + color: #28303d; +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button, +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { + color: #28303d; +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover { + background-color: #28303d; + color: #fff; +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { + background-color: #28303d; + color: #fff; +} + +.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { + padding: 15px 30px; +} + +.wp-block[data-align=center] > * { + text-align: center; +} + +.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { + justify-content: center; +} + +.wp-block-separator, +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) { + max-width: calc(100vw - 30px); +} +@media only screen and (min-width: 482px) { + + .wp-block-separator:not(.is-style-dots) { + max-width: min(calc(100vw - 100px), 610px); + } +} +@media only screen and (min-width: 822px) { + + .wp-block-separator:not(.is-style-dots) { + max-width: min(calc(100vw - 200px), 610px); + } +} + +hr:not(.is-style-dots) { + max-width: calc(100vw - 30px); +} +@media only screen and (min-width: 482px) { + + hr:not(.is-style-dots) { + max-width: min(calc(100vw - 100px), 610px); + } +} +@media only screen and (min-width: 822px) { + + hr:not(.is-style-dots) { + max-width: min(calc(100vw - 200px), 610px); + } +} + +[data-align=full] > .wp-block-separator, +[data-align=wide] > .wp-block-separator, +[data-align=full] > hr, +[data-align=wide] > hr { + max-width: inherit; +} + +.wp-block-separator.is-style-twentytwentyone-separator-thick, +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 .wp-block-separator, +[class*=background-color] .wp-block-separator, +[style*=background-color] .wp-block-separator, +.wp-block-cover[style*=background-image] .wp-block-separator, +.has-background hr, +[class*=background-color] hr, +[style*=background-color] hr, +.wp-block-cover[style*=background-image] hr { + border-color: currentColor; +} + +.wp-block-social-links [data-block] { + margin-top: 0; + margin-bottom: 0; +} + +.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 thead, +table tfoot, +.wp-block-table thead, +.wp-block-table tfoot { + text-align: center; +} + +table th, +.wp-block-table th { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +table td, +table th, +.wp-block-table td, +.wp-block-table th { + padding: 10px; +} + +table.is-style-regular .has-background, +table.is-style-stripes .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, +.wp-block-table.is-style-regular .has-background, +.wp-block-table.is-style-stripes .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 { + color: #28303d; +} + +table.is-style-stripes, +.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.is-style-stripes .has-background tbody tr:nth-child(odd) { + background-color: rgba(255, 255, 255, 0.9); +} + +.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { + background-color: rgba(255, 255, 255, 0.9); +} + +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 { + color: currentColor; + border: 1px solid; +} + +table.wp-calendar-table caption { + font-weight: bold; + text-align: left; + margin-bottom: 20px; + color: currentColor; +} + +.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-tag-cloud.aligncenter { + text-align: center; +} + +pre.wp-block-verse { + padding: 0; + color: currentColor; +} + +: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-primary-background-color[class] { + background-color: #28303d; + color: #d1e4dd; +} + +.has-secondary-background-color[class] { + background-color: #39414d; + color: #d1e4dd; +} + +.has-white-background-color[class] { + color: #39414d; +} + +.has-black-background-color[class] { + color: #28303d; +} + +[data-block] { + margin-top: 30px; + margin-bottom: 30px; +} + +.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; +} + +.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; + } +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border: none; +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote:before { + left: 5px; +} + +html { + line-height: 1.7; +} + +html, +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +body { + background-color: #d1e4dd; + font-size: 1.25rem; + font-weight: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +body, +.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 .has-link-color a, +.has-background.has-link-color a { + color: #28303d; +} + +button, +a { + cursor: pointer; +} + +.has-black-color[class] { + color: #000; +} + +.has-black-color[class] > [class*=__inner-container] { + color: #000; +} + +.has-gray-color[class] { + color: #39414d; +} + +.has-gray-color[class] > [class*=__inner-container] { + color: #39414d; +} + +.has-dark-gray-color[class] { + color: #28303d; +} + +.has-dark-gray-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-green-color[class] { + color: #d1e4dd; +} + +.has-green-color[class] > [class*=__inner-container] { + color: #d1e4dd; +} + +.has-blue-color[class] { + color: #d1dfe4; +} + +.has-blue-color[class] > [class*=__inner-container] { + color: #d1dfe4; +} + +.has-purple-color[class] { + color: #d1d1e4; +} + +.has-purple-color[class] > [class*=__inner-container] { + color: #d1d1e4; +} + +.has-red-color[class] { + color: #e4d1d1; +} + +.has-red-color[class] > [class*=__inner-container] { + color: #e4d1d1; +} + +.has-orange-color[class] { + color: #e4dad1; +} + +.has-orange-color[class] > [class*=__inner-container] { + color: #e4dad1; +} + +.has-yellow-color[class] { + color: #eeeadd; +} + +.has-yellow-color[class] > [class*=__inner-container] { + color: #eeeadd; +} + +.has-white-color[class] { + color: #fff; +} + +.has-white-color[class] > [class*=__inner-container] { + color: #fff; +} + +.has-background a, +.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-black-background-color[class] > [class*=__inner-container] { + background-color: #000; +} + +.has-dark-gray-background-color[class] { + background-color: #28303d; +} + +.has-dark-gray-background-color[class] > [class*=__inner-container] { + background-color: #28303d; +} + +.has-gray-background-color[class] { + background-color: #39414d; +} + +.has-gray-background-color[class] > [class*=__inner-container] { + background-color: #39414d; +} + +.has-light-gray-background-color[class] { + background-color: #f0f0f0; +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + background-color: #f0f0f0; +} + +.has-green-background-color[class] { + background-color: #d1e4dd; +} + +.has-green-background-color[class] > [class*=__inner-container] { + background-color: #d1e4dd; +} + +.has-blue-background-color[class] { + background-color: #d1dfe4; +} + +.has-blue-background-color[class] > [class*=__inner-container] { + background-color: #d1dfe4; +} + +.has-purple-background-color[class] { + background-color: #d1d1e4; +} + +.has-purple-background-color[class] > [class*=__inner-container] { + background-color: #d1d1e4; +} + +.has-red-background-color[class] { + background-color: #e4d1d1; +} + +.has-red-background-color[class] > [class*=__inner-container] { + background-color: #e4d1d1; +} + +.has-orange-background-color[class] { + background-color: #e4dad1; +} + +.has-orange-background-color[class] > [class*=__inner-container] { + background-color: #e4dad1; +} + +.has-yellow-background-color[class] { + background-color: #eeeadd; +} + +.has-yellow-background-color[class] > [class*=__inner-container] { + background-color: #eeeadd; +} + +.has-white-background-color[class] { + background-color: #fff; +} + +.has-white-background-color[class] > [class*=__inner-container] { + background-color: #fff; +} + +.has-background:not(.has-text-color).has-black-background-color[class] { + color: #fff; +} + +.has-background:not(.has-text-color).has-gray-background-color[class] { + color: #fff; +} + +.has-background:not(.has-text-color).has-dark-gray-background-color[class] { + color: #fff; +} + +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-green-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-blue-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-purple-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-red-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-orange-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-yellow-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-white-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + 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); +} diff --git a/wp-content/themes/twentytwentyone/assets/css/ie.css b/wp-content/themes/twentytwentyone/assets/css/ie.css new file mode 100644 index 0000000..be4c32a --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/css/ie.css @@ -0,0 +1,7259 @@ +@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: 6.2 +Requires PHP: 5.6 +Version: 1.8 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +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 + * 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............Clearings 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. + * Columns..............Specific styles for the columns 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. + * Media 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. + * 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 */ + + /* 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 */ + + /* Admin-bar height */ +} + +/*! 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; +} + +/** + * Responsive Styles + */ + +/** + * Required Variables + */ + +/** + * Root Media Query Variables + */ + +/** + * Extends + */ +.post-thumbnail { + max-width: calc(100vw - 30px); +} +@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); + } +} + +.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); + } +} + +.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { + 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) { + 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) { + 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) { + 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) { + 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) { + max-width: min(calc(100vw - 200px), 610px); + } +} + +.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); + } +} + +.widget-area { + max-width: calc(100vw - 30px); +} + +@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); + } +} + +.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); + } +} + +.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); + } +} + +.site-footer { + max-width: calc(100vw - 30px); +} + +@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); + } +} + +.site-header { + max-width: calc(100vw - 30px); +} + +@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); + } +} + +.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); + } +} + +.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); + } +} + +.alignfull { + 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; +} + +.full-max-width { + max-width: 100%; + width: 100%; + margin-left: auto; + margin-right: auto; +} + +@media only screen and (min-width: 482px) { + + .alignfull, + .full-max-width { + max-width: 100%; + width: auto; + margin-left: auto; + margin-right: auto; + } +} + +.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); + } +} + +.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); + } +} + +.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); + } +} + +@media only screen and (min-width: 482px) { + + .entry-content > .alignleft { + + /*rtl:ignore*/ + margin-left: calc((100vw - 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((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + } + @media only screen and (min-width: 822px) { + + .entry-content > .alignleft { + margin-left: calc((100vw - 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((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + @media only screen and (min-width: 482px) { + + .entry-content > .alignright { + margin-right: calc((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + } + @media only screen and (min-width: 822px) { + + .entry-content > .alignright { + margin-right: calc((100vw - 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 variable + * - See: globals/_global-width-responsive.scss + */ + +/** + * Top Level Wrappers (header, main, footer) + * - Set vertical padding and horizontal margins + */ +.site-header, +.site-main, +.widget-area, +.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 hierarchy + */ +.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, +.post-thumbnail, +.entry-content, +.entry-footer, +.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; +} + +.wp-block-post-template :where(li > *) { + 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; + } + + .wp-block-post-template :where(li > *) { + 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, +.wp-block-post-template :where(li > *):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, +.wp-block-post-template :where(li > *):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.has-background { + margin-top: 0; +} + +.entry-content > *:last-child, +.entry-content > *.alignfull.has-background { + 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; +} + +.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 { + padding: 0; + position: relative; + margin: 30px 0 30px 25px; +} + +blockquote > * { + margin-top: 20px; + margin-bottom: 20px; +} + +blockquote > *:first-child { + margin-top: 0; +} + +blockquote > *:last-child { + margin-bottom: 0; +} + +blockquote p { + letter-spacing: normal; + 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; +} + +blockquote cite, +blockquote footer { + font-weight: normal; + letter-spacing: normal; +} + +blockquote.alignleft, +blockquote.alignright { + padding-left: inherit; +} + +blockquote.alignleft p, +blockquote.alignright p { + font-size: 1.125rem; + max-width: inherit; + width: inherit; +} + +blockquote.alignleft cite, +blockquote.alignleft footer, +blockquote.alignright cite, +blockquote.alignright footer { + font-size: 1rem; + letter-spacing: normal; +} + +blockquote strong { + font-weight: bolder; +} + +blockquote:before { + content: "“"; + font-size: 1.25rem; + line-height: 1.7; + position: absolute; + left: -12px; +} + +blockquote .wp-block-quote__citation, +blockquote cite, +blockquote footer { + color: #28303d; + font-size: 1rem; + font-style: normal; +} +@media only screen and (max-width: 481px) { + + blockquote { + padding-left: 13px; + } + + blockquote:before { + left: 0; + } +} + +input[type=text] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=email] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=url] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=password] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=search] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=number] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=tel] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=date] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=month] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=week] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=time] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=datetime] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=datetime-local] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=color] { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +.site textarea { + border: 3px solid #39414d; + border-radius: 0; + color: #28303d; + line-height: 1.7; + padding: 10px; + margin: 0 2px; + max-width: 100%; +} + +input[type=text]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=email]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=url]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=password]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=search]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=number]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=tel]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=date]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=month]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=week]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=time]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=datetime]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=datetime-local]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +input[type=color]:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +.site textarea:focus { + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +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; +} + +.is-dark-theme input[type=text] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=email] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=url] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=password] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=search] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=number] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=tel] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=date] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=month] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=week] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=time] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=datetime] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=datetime-local] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme input[type=color] { + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme .site textarea { + background: rgba(255, 255, 255, 0.9); +} + +input[type=search]:focus { + outline-offset: -7px; +} + +.is-dark-theme input[type=search]:focus { + outline-color: #d1e4dd; +} + +input[type=color] { + padding: 5px; + height: 40px; +} + +input[type=email], +input[type=url] { + + /*rtl:ignore*/ + direction: ltr; +} + +select { + border: 3px solid #39414d; + color: #28303d; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + line-height: 1.7; + padding: 10px 30px 10px 10px; + background: #fff url("data:image/svg+xml;utf8,") no-repeat; + background-position: right 10px top 60%; +} + +select:focus { + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +.is-dark-theme select { + background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,") no-repeat; + background-position: right 10px top 60%; +} + +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; + border: 3px solid #39414d; + background: #fff; + } + + input[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + position: relative; + width: 25px; + height: 25px; + border: 3px solid #39414d; + background: #fff; + } + + input[type=checkbox]:disabled, + input[type=radio]:disabled { + opacity: 0.7; + } + + .is-dark-theme input[type=checkbox] { + background: rgba(255, 255, 255, 0.9); + } + + .is-dark-theme input[type=radio] { + background: rgba(255, 255, 255, 0.9); + } + + input[type=checkbox]:focus { + outline-offset: 2px; + outline: 2px dotted #39414d; + } + + 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 { + color: #28303d; + } + + input[type=checkbox]:checked:after { + opacity: 1; + } + + input[type=radio] { + border-radius: 50%; + } + + input[type=radio]:focus { + outline-offset: 2px; + outline: 2px dotted #39414d; + } + + 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 { + border: 4px solid #39414d; + } + + input[type=radio]:checked:after { + opacity: 1; + } + + input[type=radio]:checked:focus { + outline-offset: 4px; + outline: 2px dotted #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: 44px; + width: 44px; + border-radius: 50%; + background: #d1e4dd; + cursor: pointer; + } + + input[type=range]::-moz-range-thumb { + border: 3px solid #39414d; + height: 44px; + width: 44px; + border-radius: 50%; + background: #d1e4dd; + cursor: pointer; + box-sizing: border-box; + } +} + +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: 44px; + width: 44px; + border-radius: 50%; + background: #d1e4dd; + cursor: pointer; +} + +fieldset { + display: grid; + border-color: #39414d; + padding: 25px; +} + +fieldset legend { + font-size: 1.5rem; +} + +fieldset input[type=submit] { + max-width: max-content; +} + +fieldset input:not([type=submit]) { + margin-bottom: 20px; +} + +fieldset input[type=radio], +fieldset input[type=checkbox] { + margin-bottom: 0; +} + +fieldset input[type=radio] + label { + font-size: 1.125rem; + padding-left: 0; + margin-bottom: 20px; +} + +fieldset input[type=checkbox] + label { + font-size: 1.125rem; + padding-left: 0; + margin-bottom: 20px; +} + +::-moz-placeholder { + opacity: 1; +} + +.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[type=password] { + 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; + } +} + +img { + height: auto; + vertical-align: middle; +} + +/* Classic editor images */ + +/* Make sure embeds and iframes fit their containers. */ +img, +.entry-content img, +embed, +iframe, +object, +video { + max-width: 100%; +} + +/* Media captions */ +figcaption, +.wp-caption, +.wp-caption-text, +.wp-block-embed figcaption { + 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, +.alignleft .wp-block-embed figcaption, +.alignright .wp-block-embed figcaption { + 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; + overflow-x: auto; +} + +/* + * 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:not(.wp-block-button__link):not(.wp-block-file__button) { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + text-decoration: underline 1px dotted currentColor; + text-decoration-skip-ink: none; + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: #000; + color: #fff; + text-decoration: none; +} + +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { + color: #fff; +} + +.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: rgba(0, 0, 0, 0.9); + color: #fff; +} + +.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { + color: #fff; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + outline-offset: -2px; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { + color: #21759b; + background-color: #f1f1f1; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { + outline: 2px dotted #28303d; +} + +.has-background .has-link-color a, +.has-background.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 + */ +.site .button, +button { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; + padding: 15px 30px; + text-decoration: none; +} + +input[type=submit] { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; + padding: 15px 30px; + text-decoration: none; +} + +input[type=reset] { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; + padding: 15px 30px; + text-decoration: none; +} + +.wp-block-search .wp-block-search__button, +.wp-block-button .wp-block-button__link, +.wp-block-file a.wp-block-file__button { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; + padding: 15px 30px; + text-decoration: none; +} + +.site .button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +input[type=submit]:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +input[type=reset]:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .site .button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.has-background button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.site .button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +input[type=submit]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +input[type=reset]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .site .button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background input[type=submit]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background input[type=reset]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.site .button:hover, +.site .button:active, +button:hover, +button:active, +input[type=submit]:hover, +input[type=submit]:active, +input[type=reset]:hover, +input[type=reset]:active, +.wp-block-search .wp-block-search__button:hover, +.wp-block-search .wp-block-search__button:active, +.wp-block-button .wp-block-button__link:hover, +.wp-block-button .wp-block-button__link:active, +.wp-block-file a.wp-block-file__button:hover, +.wp-block-file a.wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.site .button:focus, +button:focus, +input[type=submit]:focus, +input[type=reset]:focus, +.wp-block-search .wp-block-search__button:focus, +.wp-block-button .wp-block-button__link:focus, +.wp-block-file a.wp-block-file__button:focus { + outline-offset: -6px; + 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; +} + +button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +input[type=submit]:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +input[type=reset]: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; +} + +.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 a.wp-block-file__button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, +.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; +} + +.wp-block-button.is-style-outline .wp-block-button__link:hover { + border-color: transparent !important; + background-color: #28303d !important; + color: #d1e4dd !important; +} + +.wp-block-button.is-style-outline .wp-block-button__link:active { + border-color: transparent !important; + background-color: #28303d !important; + color: #d1e4dd !important; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover { + background-color: #28303d !important; + color: #d1e4dd !important; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: #28303d !important; + color: #d1e4dd !important; +} + +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { + color: #d1e4dd !important; +} + +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { + color: #d1e4dd !important; +} + +.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 { + color: #28303d; + white-space: pre; + overflow-x: auto; + display: block; +} + +.wp-block-columns:not(.alignwide):not(.alignfull) { + clear: both; +} + +.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: 822px) { + + .wp-block-columns .wp-block-column:not(:last-child) { + margin-bottom: 0; + } +} + +.wp-block-columns.is-style-twentytwentyone-columns-overlap { + justify-content: space-around; +} +@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-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, +.wp-block-cover-image { + background-color: #000; + min-height: 450px; + margin-top: inherit; + margin-bottom: inherit; + + /* default & custom background-color */ + + /* Treating H2 separately to account for legacy /core styles */ + + /* Block Styles */ + + /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ +} + +.wp-block-cover:not(.alignwide):not(.alignfull), +.wp-block-cover-image:not(.alignwide):not(.alignfull) { + clear: both; +} + +.wp-block-cover.alignfull, +.wp-block-cover-image.alignfull { + margin-top: 0; + margin-bottom: 0; +} + +.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-image .wp-block-cover__inner-container, +.wp-block-cover-image .wp-block-cover-image-text, +.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:not(.wp-block-button__link):not(.wp-block-file__button), +.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), +.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), +.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), +.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), +.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { + 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-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 { + 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; + } +} + +.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; + } +} + +.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, +.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, +.wp-block-cover-image.is-style-twentytwentyone-border { + border: 3px solid #28303d; +} + +.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; +} + +.wp-block-file a.wp-block-file__button:active, +.wp-block-file a.wp-block-file__button:focus, +.wp-block-file a.wp-block-file__button:hover { + opacity: inherit; +} + +.wp-block-file a.wp-block-file__button { + display: inline-block; +} + +.wp-block-gallery { + margin: 0 auto; +} + +.wp-block-gallery .blocks-gallery-image, +.wp-block-gallery .blocks-gallery-item { + width: calc(50% - 10px); +} + +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption { + margin: 0; + color: #fff; + font-size: 1rem; +} + +.wp-block-gallery .blocks-gallery-image figcaption a, +.wp-block-gallery .blocks-gallery-item figcaption a { + color: #fff; +} + +.wp-block-gallery .blocks-gallery-image figcaption a:focus { + background-color: transparent; + outline: 2px solid #28303d; + text-decoration: none; +} + +.wp-block-gallery .blocks-gallery-item figcaption a:focus { + background-color: transparent; + outline: 2px solid #28303d; + text-decoration: none; +} + +.wp-block-gallery .blocks-gallery-image a:focus img, +.wp-block-gallery .blocks-gallery-item a:focus img { + outline-offset: 2px; +} + +.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; +} + +.wp-block-group.has-background .wp-block-group__inner-container > .alignfull { + max-width: calc(100% + 60px); + width: calc(100% + 60px); + margin-left: -30px; +} + +.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { + max-width: calc(100% + 60px); + width: calc(100% + 60px); + margin-left: -30px; +} + +.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull { + max-width: calc(100% + 60px); + width: calc(100% + 60px); + margin-left: -30px; +} + +.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { + max-width: calc(100% + 60px); + width: calc(100% + 60px); + margin-left: -30px; +} + +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + clear: both; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-weight: normal; +} + +h1 strong, +.h1 strong, +h2 strong, +.h2 strong, +h3 strong, +.h3 strong, +h4 strong, +.h4 strong, +h5 strong, +.h5 strong, +h6 strong, +.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; + } +} + +.h2 { + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; +} + +@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, +.h4 { + font-size: 1.5rem; + font-weight: 600; + letter-spacing: normal; + line-height: 1.3; +} + +h5, +.h5 { + font-size: 1.125rem; + font-weight: 600; + letter-spacing: 0.05em; + line-height: 1.3; +} + +h6, +.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; +} + +.wp-block-image a:focus img { + outline-offset: 2px; +} + +.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; +} + +.wp-block-image.is-style-twentytwentyone-border img, +.wp-block-image.is-style-twentytwentyone-image-frame img { + border: 3px solid #28303d; +} + +.wp-block-image.is-style-twentytwentyone-image-frame img { + padding: 20px; +} + +@media only screen and (min-width: 482px) { + + .entry-content > .wp-block-image > .alignleft, + .entry-content > .wp-block-image > .alignright { + max-width: 50%; + } +} +@media only screen and (max-width: 481px) { + + .entry-content > .wp-block-image > .alignleft, + .entry-content > .wp-block-image > .alignright { + margin-left: 0; + margin-right: 0; + } +} + +.wp-block-latest-comments { + padding-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; +} + +.widget-area .wp-block-latest-posts:not(.is-grid) > li { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-latest-posts.is-grid { + word-wrap: break-word; + word-break: break-word; +} + +.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; + } +} + +.widget-area .wp-block-latest-posts > li > a { + font-size: 1.125rem; + margin-bottom: 0; +} + +.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, +.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-item a:focus img { + outline-offset: -2px; +} + +.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; +} + +figure.wp-caption a:focus img { + outline-offset: 2px; +} + +ul, +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, +ul.alignright, +ol.alignright { + list-style-position: inside; + padding: 0; +} + +ul.alignright, +ol.alignright { + text-align: right; +} + +ul { + list-style-type: disc; +} + +ul ul { + list-style-type: circle; +} + +ol { + list-style-type: decimal; +} + +ol ul { + list-style-type: circle; +} + +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.alignfull { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-media-text a:focus img { + outline-offset: -1px; +} + +.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 .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; + 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__submenu-icon { + display: none; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { + background: #d1e4dd; + margin: 0; + padding: 0; + position: absolute; + top: 100%; + border: 1px solid #28303d; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + top: -9px; + border-color: #d1e4dd transparent; +} + +.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 > a:hover { + text-decoration: underline; + text-decoration-style: dotted; +} + +.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { + color: currentColor; +} + +p { + line-height: 1.7; +} + +p.has-background { + padding: 20px; +} + +p.has-text-color a { + color: #28303d; +} + +pre.wp-block-preformatted { + overflow-x: auto; + white-space: pre; +} + +.wp-block-pullquote { + padding: 40px 0; + text-align: center; + border-width: 3px; + border-bottom-style: solid; + border-top-style: solid; + color: currentColor; + border-color: currentColor; + position: relative; + + /** + * Block Options + */ +} + +.wp-block-pullquote blockquote::before { + color: currentColor; + content: "“"; + display: block; + position: relative; + left: 0; + 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, +.wp-block-pullquote cite, +.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:not(.is-style-solid-color) blockquote:before, +.wp-block-pullquote.alignleft:not(.is-style-solid-color) 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 { + margin: 0; + 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-pullquote.is-style-solid-color.alignleft, +.wp-block-pullquote.is-style-solid-color.alignright { + padding: 20px; +} + +.wp-block-pullquote.is-style-solid-color.alignleft blockquote, +.wp-block-pullquote.is-style-solid-color.alignright blockquote { + max-width: initial; +} + +.wp-block-query.has-background { + padding: 20px; +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: 30px; + } +} + +.wp-block-quote { + border-left: none; + + /** + * Block Options + */ +} + +.wp-block-quote:before { + content: "“"; + font-size: 1.25rem; + line-height: 1.7; + left: 8px; +} + +.has-background .wp-block-quote .wp-block-quote__citation, +[class*=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 .wp-block-quote cite, +[class*=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 .wp-block-quote footer, +[class*=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 { + display: none; +} + +.wp-block-quote.has-text-align-right p:before { + content: "”"; + font-size: 1.25rem; + font-weight: normal; + line-height: 1.7; + margin-right: 5px; +} + +.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, +.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, +.wp-block-quote.is-style-large.has-text-align-right:before { + display: none; +} + +.wp-block-quote.is-large.has-text-align-right p:before { + content: "”"; + font-size: 2.25rem; + font-weight: normal; + line-height: 1.35; + margin-right: 10px; +} +@media only screen and (min-width: 652px) { + + .wp-block-quote.is-large.has-text-align-right p:before { + font-size: 2.5rem; + } +} + +.wp-block-quote.is-style-large.has-text-align-right p:before { + content: "”"; + font-size: 2.25rem; + font-weight: normal; + line-height: 1.35; + margin-right: 10px; +} +@media only screen and (min-width: 652px) { + + .wp-block-quote.is-style-large.has-text-align-right p:before { + font-size: 2.5rem; + } +} + +.wp-block-quote.is-large .wp-block-quote__citation, +.wp-block-quote.is-large cite, +.wp-block-quote.is-large footer, +.wp-block-quote.is-style-large .wp-block-quote__citation, +.wp-block-quote.is-style-large cite, +.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, + .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, + .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; + } + + .wp-block-quote.has-text-align-right { + padding-left: 0; + padding-right: 13px; + } +} +@media only screen and (max-width: 481px) { + + .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, +.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__button-only.aligncenter .wp-block-search__inside-wrapper { + justify-content: center; +} + +.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; +} + +.has-background .wp-block-search .wp-block-search__input { + border-color: #28303d !important; +} + +.wp-block-search button.wp-block-search__button { + margin-left: 0; + line-height: 1; +} + +.wp-block-search button.wp-block-search__button.has-icon { + padding: 6px 15px; +} + +.wp-block-search button.wp-block-search__button.has-icon svg { + width: 40px; + height: 40px; + fill: currentColor; +} + +.has-background .wp-block-search button.wp-block-search__button:hover { + background-color: #d1e4dd !important; + color: #28303d !important; +} + +.has-background .wp-block-search button.wp-block-search__button:active { + background-color: #d1e4dd !important; + color: #28303d !important; +} + +.has-text-color .wp-block-search button.wp-block-search__button:hover { + color: #28303d !important; +} + +.has-text-color .wp-block-search button.wp-block-search__button:active { + color: #28303d !important; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + background-color: #fff; + border: 3px solid #39414d; + border-radius: 0; + padding: 3px; +} + +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + border-color: #28303d !important; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + margin-left: 0; + margin-right: 0; + padding-left: 10px; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + color: #28303d; + outline-offset: -2px; + outline: 2px dotted #39414d; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { + padding: 15px 30px; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + color: #28303d; +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { + color: #28303d; +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + background-color: #28303d; + color: #fff; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { + padding: 6px 15px; +} + +.wp-block-search__button { + box-shadow: none; +} + +hr { + border-style: none; + clear: both; + margin-left: auto; + margin-right: auto; +} + +hr, +hr.wp-block-separator { + border-bottom: 1px solid #28303d; +} + +hr.wp-block-separator { + opacity: 1; + + /** + * 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).alignwide { + max-width: calc(100vw - 30px); +} +@media only screen and (min-width: 482px) { + + hr.wp-block-separator:not(.is-style-dots).alignwide { + max-width: calc(100vw - 100px); + } +} +@media only screen and (min-width: 822px) { + + hr.wp-block-separator:not(.is-style-dots).alignwide { + max-width: min(calc(100vw - 200px), 1240px); + } +} + +hr.wp-block-separator:not(.is-style-dots).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 hr.wp-block-separator, +[class*=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 a:focus { + color: #28303d; +} + +.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, +.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { + background: none; +} + +table, +.wp-block-table { + width: 100%; + min-width: 240px; + border-collapse: collapse; +} + +table thead, +table tfoot, +.wp-block-table thead, +.wp-block-table tfoot { + text-align: center; +} + +table th, +.wp-block-table th { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +table td, +table th, +.wp-block-table td, +.wp-block-table th { + padding: 10px; + border: 1px solid; +} + +table figcaption, +.wp-block-table figcaption { + color: #28303d; + font-size: 1rem; +} + +table.is-style-regular .has-background, +table.is-style-stripes .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, +.wp-block-table.is-style-regular .has-background, +.wp-block-table.is-style-stripes .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 { + color: #28303d; +} + +table.is-style-stripes, +.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.is-style-stripes .has-background tbody tr:nth-child(odd) { + background-color: rgba(255, 255, 255, 0.9); +} + +.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { + background-color: rgba(255, 255, 255, 0.9); +} + +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, +table.wp-calendar-table tbody { + color: currentColor; + border: 1px solid; +} + +table.wp-calendar-table caption { + font-weight: bold; + text-align: left; + margin-bottom: 20px; + color: currentColor; +} + +.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-tag-cloud.alignfull { + padding-left: 20px; + padding-right: 20px; +} + +.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% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + @media only screen and (min-width: 482px) { + + .entry-content > .alignleft { + max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + } + @media only screen and (min-width: 822px) { + + .entry-content > .alignleft { + max-width: calc(50% - (100vw - 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% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + @media only screen and (min-width: 482px) { + + .entry-content > .alignright { + max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + } + @media only screen and (min-width: 822px) { + + .entry-content > .alignright { + max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); + } + } +} + +[class*=inner-container] > .alignleft + *, +[class*=inner-container] > .alignright + * { + margin-top: 0; +} + +/** + * .alignwide + */ + +/** + * .alignfull + */ +.alignwide, +.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; +} + +.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; + } + + .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; +} +@media only screen and (max-width: 481px) { + + .no-widgets .site-footer { + margin-top: 90px; + } +} + +.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: 1.125rem; + 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 .privacy-policy { + margin-top: 15px; +} + +.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 .site-name { + margin-right: 15px; + } + + .site-footer > .site-info .privacy-policy, + .site-footer > .site-info .powered-by { + margin-top: initial; + margin-left: auto; + } + + .site-footer > .site-info .privacy-policy + .powered-by { + margin-left: 15px; + } +} + +.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; +} + +.is-dark-theme .site-footer > .site-info a:focus { + color: #d1e4dd; +} + +.has-background-white .site-footer > .site-info a:focus { + color: #fff; +} + +.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 { + display: inline-block; + margin-left: 13px; + margin-right: 13px; + min-width: 44px; + min-height: 44px; +} + +.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; + } +} + +.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, +.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 > iframe[style] { + margin: 30px 0 !important; + max-width: 100% !important; +} + +.entry-footer { + color: #28303d; + clear: both; + float: none; + font-size: 1rem; + display: block; +} + +.entry-footer > span { + display: inline-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; + max-width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: 60px; +} + +/** + * 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, +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, +.archive .content-area .format-status .entry-content, +.archive .content-area .format-link .entry-content, +.search .content-area .format-aside .entry-content, +.search .content-area .format-status .entry-content, +.search .content-area .format-link .entry-content, +.blog .content-area .format-aside .entry-content, +.blog .content-area .format-status .entry-content, +.blog .content-area .format-link .entry-content { + font-size: 1.5rem; +} + +.archive .format-image .entry-content, +.archive .format-gallery .entry-content, +.archive .format-video .entry-content, +.search .format-image .entry-content, +.search .format-gallery .entry-content, +.search .format-video .entry-content, +.blog .format-image .entry-content, +.blog .format-gallery .entry-content, +.blog .format-video .entry-content { + margin-top: 60px; +} + +.archive .entry-footer .cat-links, +.archive .entry-footer .tags-links, +.search .entry-footer .cat-links, +.search .entry-footer .tags-links, +.blog .entry-footer .cat-links, +.blog .entry-footer .tags-links { + display: block; +} + +.archive.logged-in .entry-footer .posted-on, +.search.logged-in .entry-footer .posted-on, +.blog.logged-in .entry-footer .posted-on { + margin-right: 10px; +} + +.archive-description { + margin-top: 30px; + font-size: 2.25rem; + line-height: 1.3; +} + +@media only screen and (min-width: 652px) { + + .archive-description { + font-size: 2.5rem; + } +} + +.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; + } +} + +.comment-reply-title { + font-size: 2.25rem; + letter-spacing: normal; +} +@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, + .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, +.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 { + word-wrap: break-word; +} + +.pingback .comment-body, +.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; +} +@media only screen and (max-width: 481px) { + + .menu-button-container { + display: flex; + } +} + +.menu-button-container #primary-mobile-menu { + display: flex; + margin-left: auto; + padding: 10px 15px; + font-size: 1rem; + font-weight: 500; + background-color: transparent; + border: none; + color: #28303d; +} + +.menu-button-container #primary-mobile-menu .dropdown-icon { + display: flex; + align-items: center; +} + +.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { + margin-left: 5px; +} + +.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { + position: relative; + top: -1px; +} + +.menu-button-container #primary-mobile-menu .dropdown-icon.close { + display: none; +} + +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { + display: none; +} + +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { + display: flex; +} + +.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { + 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; + transform: translateY(30px); +} +@media (prefers-reduced-motion: no-preference) { + + .primary-navigation > .primary-menu-container { + transition: all 0.15s ease-in-out; + } +} +@media only screen and (max-width: 481px) { + + .primary-navigation > .primary-menu-container { + height: 100vh; + z-index: 499; + overflow-x: hidden; + overflow-y: auto; + border: 2px solid transparent; + } + + .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: 32px; + } + @media only screen and (max-width: 782px) { + + .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 - 32px); + } + @media only screen and (max-width: 782px) { + + .admin-bar .primary-navigation > .primary-menu-container { + height: calc(100vh - 46px); + } + } + + .primary-navigation > .primary-menu-container:focus { + border: 2px solid #28303d; + } +} +@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); + } +} +@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 .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 { + padding-bottom: 100px; + } + + .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 > li > .sub-menu { + position: relative; +} +@media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) { + + .primary-navigation > div > .menu-wrapper > li > .sub-menu { + transition: all 0.5s ease; + } +} +@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; + z-index: 88888; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu:before { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + top: -9px; + border-color: #d1e4dd transparent; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu li { + background: #d1e4dd; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { + + /* rtl:ignore */ + left: 0; + + /* rtl:ignore */ + right: auto; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before { + + /* rtl:ignore */ + left: 25px; + + /* rtl:ignore */ + right: auto; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { + + /* rtl:ignore */ + left: 25px; + + /* rtl:ignore */ + right: auto; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { + + /* rtl:ignore */ + right: 0; + + /* rtl:ignore */ + left: auto; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before { + + /* rtl:ignore */ + left: auto; + + /* rtl:ignore */ + right: 25px; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { + + /* rtl:ignore */ + left: auto; + + /* rtl:ignore */ + right: 25px; + } +} + +.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: -8px; + } +} + +.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; + text-decoration-thickness: 2px; +} + +.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; + border: 1px solid #28303d; +} + +.primary-navigation .sub-menu .sub-menu { + border: none; +} +@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: 60px; + margin-bottom: 30px; + 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; + 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; +} + +.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { + fill: #d1e4dd; +} + +.has-background-white .footer-navigation-wrapper li a:focus .svg-icon { + fill: #fff; +} + +.footer-navigation-wrapper li .svg-icon { + vertical-align: middle; + fill: #28303d; +} + +.footer-navigation-wrapper li .svg-icon:hover { + transform: scale(1.1); +} +@media (prefers-reduced-motion: no-preference) { + + .footer-navigation-wrapper li .svg-icon { + transition: transform 0.1s ease; + } +} + +.footer-navigation-wrapper .sub-menu-toggle, +.footer-navigation-wrapper .menu-item-description { + display: none; +} + +/* Next/Previous navigation */ +.navigation, +.navigation a { + color: #28303d; +} + +.navigation a { + text-decoration: none; +} + +.navigation a:hover { + color: #28303d; + text-decoration: underline; + text-decoration-style: dotted; +} + +.navigation a:focus { + color: #39414d; +} + +.navigation a:active { + color: #28303d; +} + +.navigation .nav-links > * { + min-width: 44px; + min-height: 44px; +} + +.navigation .nav-links .nav-next a, +.navigation .nav-links .nav-previous a { + display: flex; + flex-direction: column; +} + +.navigation .nav-links .dots { + text-align: center; +} +@media only screen and (min-width: 592px) { + + .navigation .nav-links { + display: flex; + justify-content: center; + flex-wrap: wrap; + } + + .navigation .nav-links .nav-next, + .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, +.navigation .prev .svg-icon { + top: -2px; + margin-right: 5px; +} + +.navigation .nav-next .svg-icon, +.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, +.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; +} + +.pagination, +.comments-pagination { + border-top: 3px solid #28303d; + padding-top: 30px; + margin: 30px auto; +} +@media only screen and (min-width: 822px) { + + .pagination, + .comments-pagination { + margin: 30px auto; + } +} + +.pagination .nav-links, +.comments-pagination .nav-links { + margin-top: -30px; +} + +.pagination .nav-links a:hover { + color: #28303d; +} + +.comments-pagination .nav-links a:hover { + color: #28303d; +} + +.is-dark-theme .pagination .nav-links a:active { + color: #d1e4dd; +} + +.is-dark-theme .pagination .nav-links a:hover:active { + color: #d1e4dd; +} + +.is-dark-theme .pagination .nav-links a:hover:focus { + color: #d1e4dd; +} + +.is-dark-theme .comments-pagination .nav-links a:active { + color: #d1e4dd; +} + +.is-dark-theme .comments-pagination .nav-links a:hover:active { + color: #d1e4dd; +} + +.is-dark-theme .comments-pagination .nav-links a:hover:focus { + color: #d1e4dd; +} + +.has-background-white .pagination .nav-links a:active { + color: #fff; +} + +.has-background-white .pagination .nav-links a:hover:active { + color: #fff; +} + +.has-background-white .pagination .nav-links a:hover:focus { + color: #fff; +} + +.has-background-white .comments-pagination .nav-links a:active { + color: #fff; +} + +.has-background-white .comments-pagination .nav-links a:hover:active { + color: #fff; +} + +.has-background-white .comments-pagination .nav-links a:hover:focus { + color: #fff; +} + +.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-top: 30px; + margin-left: 13px; + margin-right: 13px; +} + +.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-top: 30px; + margin-left: 13px; + margin-right: 13px; +} + +.pagination .nav-links > *.current, +.comments-pagination .nav-links > *.current { + text-decoration: underline; +} + +.pagination .nav-links > *:not(.dots):not(.current):hover, +.comments-pagination .nav-links > *:not(.dots):not(.current):hover { + text-decoration-style: dotted; +} + +.pagination .nav-links > *:first-child, +.comments-pagination .nav-links > *:first-child { + margin-left: 0; +} + +.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: 821px) { + + .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; + } +} +@media only screen and (max-width: 481px) { + + .pagination .nav-short, + .comments-pagination .nav-short { + display: none; + } +} + +.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: 1.125rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} +@media only screen and (min-width: 652px) { + + .widget-area { + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: 50px; + } +} +@media only screen and (min-width: 1024px) { + + .widget-area { + grid-template-columns: repeat(3, 1fr); + } +} +@media only screen and (max-width: 481px) { + + .widget-area { + margin-top: 90px; + } +} + +.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 h1, +.widget h2, +.widget h3, +.widget h4, +.widget h5, +.widget h6 { + font-weight: 700; + line-height: 1.4; +} + +.widget h1 { + font-size: 1.25rem; +} + +.widget h2 { + font-size: 1.125rem; +} + +.widget h3, +.widget h4, +.widget h5, +.widget h6 { + font-size: 1rem; +} + +.widget ul { + list-style-type: none; + padding: 0; +} + +.widget ul li { + line-height: 1.9; +} + +.widget ul.sub-menu, +.widget ul.children { + margin-left: 13px; +} + +.widget ul .sub-menu-toggle { + display: none; +} + +.widget a { + color: #28303d; + text-decoration: underline; + text-decoration-style: solid; + text-decoration-color: currentColor; +} + +.widget a:link { + color: #28303d; +} + +.widget a:visited { + color: #28303d; +} + +.widget a:active { + color: #28303d; +} + +.widget a:hover { + color: #28303d; + text-decoration-style: dotted; +} + +.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; + margin-bottom: 15px; +} + +.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; +} + +.has-black-color[class] { + color: #000; +} + +.has-black-color[class] > [class*=__inner-container] { + color: #000; +} + +.has-gray-color[class] { + color: #39414d; +} + +.has-gray-color[class] > [class*=__inner-container] { + color: #39414d; +} + +.has-dark-gray-color[class] { + color: #28303d; +} + +.has-dark-gray-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-green-color[class] { + color: #d1e4dd; +} + +.has-green-color[class] > [class*=__inner-container] { + color: #d1e4dd; +} + +.has-blue-color[class] { + color: #d1dfe4; +} + +.has-blue-color[class] > [class*=__inner-container] { + color: #d1dfe4; +} + +.has-purple-color[class] { + color: #d1d1e4; +} + +.has-purple-color[class] > [class*=__inner-container] { + color: #d1d1e4; +} + +.has-red-color[class] { + color: #e4d1d1; +} + +.has-red-color[class] > [class*=__inner-container] { + color: #e4d1d1; +} + +.has-orange-color[class] { + color: #e4dad1; +} + +.has-orange-color[class] > [class*=__inner-container] { + color: #e4dad1; +} + +.has-yellow-color[class] { + color: #eeeadd; +} + +.has-yellow-color[class] > [class*=__inner-container] { + color: #eeeadd; +} + +.has-white-color[class] { + color: #fff; +} + +.has-white-color[class] > [class*=__inner-container] { + color: #fff; +} + +.has-background a, +.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-black-background-color[class] > [class*=__inner-container] { + background-color: #000; +} + +.has-dark-gray-background-color[class] { + background-color: #28303d; +} + +.has-dark-gray-background-color[class] > [class*=__inner-container] { + background-color: #28303d; +} + +.has-gray-background-color[class] { + background-color: #39414d; +} + +.has-gray-background-color[class] > [class*=__inner-container] { + background-color: #39414d; +} + +.has-light-gray-background-color[class] { + background-color: #f0f0f0; +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + background-color: #f0f0f0; +} + +.has-green-background-color[class] { + background-color: #d1e4dd; +} + +.has-green-background-color[class] > [class*=__inner-container] { + background-color: #d1e4dd; +} + +.has-blue-background-color[class] { + background-color: #d1dfe4; +} + +.has-blue-background-color[class] > [class*=__inner-container] { + background-color: #d1dfe4; +} + +.has-purple-background-color[class] { + background-color: #d1d1e4; +} + +.has-purple-background-color[class] > [class*=__inner-container] { + background-color: #d1d1e4; +} + +.has-red-background-color[class] { + background-color: #e4d1d1; +} + +.has-red-background-color[class] > [class*=__inner-container] { + background-color: #e4d1d1; +} + +.has-orange-background-color[class] { + background-color: #e4dad1; +} + +.has-orange-background-color[class] > [class*=__inner-container] { + background-color: #e4dad1; +} + +.has-yellow-background-color[class] { + background-color: #eeeadd; +} + +.has-yellow-background-color[class] > [class*=__inner-container] { + background-color: #eeeadd; +} + +.has-white-background-color[class] { + background-color: #fff; +} + +.has-white-background-color[class] > [class*=__inner-container] { + background-color: #fff; +} + +.has-background:not(.has-text-color).has-black-background-color[class] { + color: #fff; +} + +.has-background:not(.has-text-color).has-gray-background-color[class] { + color: #fff; +} + +.has-background:not(.has-text-color).has-dark-gray-background-color[class] { + color: #fff; +} + +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-green-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-blue-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-purple-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-red-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-orange-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-yellow-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-white-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + 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 *, +main *, +footer * { + max-width: unset; +} + +html, +body, +div, +header, +nav, +article, +figure, +hr, +main, +section, +footer { + max-width: none; +} + +.is-IE.is-dark-theme { + color: #fff; +} + +.is-IE.is-dark-theme *, +.is-IE.is-dark-theme a, +.is-IE.is-dark-theme .site-description, +.is-IE.is-dark-theme .entry-title, +.is-IE.is-dark-theme .entry-footer, +.is-IE.is-dark-theme .widget-area, +.is-IE.is-dark-theme .post-navigation .meta-nav, +.is-IE.is-dark-theme .footer-navigation-wrapper li a:link, +.is-IE.is-dark-theme .site-footer > .site-info, +.is-IE.is-dark-theme .site-footer > .site-info a, +.is-IE.is-dark-theme .site-footer > .site-info a:visited { + color: #fff; +} + +.is-IE.is-dark-theme .sub-menu-toggle svg, +.is-IE.is-dark-theme .sub-menu-toggle path, +.is-IE.is-dark-theme .post-navigation .meta-nav svg, +.is-IE.is-dark-theme .post-navigation .meta-nav path { + fill: #fff; +} + +.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { + background: #000; +} +@media only screen and (max-width: 481px) { + + .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container, + .is-IE.is-dark-theme.primary-navigation-open .menu-button-container { + background-color: #000; + } +} + +.is-IE.is-dark-theme .skip-link:focus { + color: #21759b; +} + +.is-IE .navigation .nav-links { + display: block; +} + +.is-IE .post-thumbnail .wp-post-image { + min-width: auto; +} diff --git a/wp-content/themes/twentytwentyone/assets/css/print.css b/wp-content/themes/twentytwentyone/assets/css/print.css new file mode 100644 index 0000000..07fc5c4 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/css/print.css @@ -0,0 +1,178 @@ +/* +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 & paddings +# Typography +# Page breaks +# Links +# Visibility +--------------------------------------------------------------*/ +@media print { + + /* Margins & paddings */ + @page { + margin: 2cm; + } + + .entry .entry-header, + .entry, + .single .site-main > article > .entry-footer { + margin-top: 0; + margin-bottom: 0; + } + + .site-footer .site-info { + margin: 0; + } + + .site-header { + padding: 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; + } + + .has-background-dark * { + color: #000 !important; + } + + h1, + .entry-title, + .singular .entry-title, + .page-title { + font-size: 22pt; + font-weight: bold; + } + + h2, + h3, + h4, + .has-regular-font-size, + .has-large-font-size, + h2.author-title, + p.author-bio, + .comments-title, + .archive-description { + font-size: 14pt; + margin-top: 25px; + } + + .comment-meta, + .comment-meta .comment-author .fn { + font-size: 13pt; + } + + /* 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, + figure { + 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) "> "; + } + + .entry-title a:after { + content: "\a< " attr(href) "> "; + white-space: pre; + font-size: 14pt; + } + + .cat-links a:after, + .tags-links a:after, + .byline a:after, + .comment-metadata a:after, + .wp-block-calendar a:after, + .wp-block-tag-cloud a:after, + .page-links a:after { + content: ""; + } + + /* Visibility */ + .primary-navigation, + .site-title + .primary-navigation, + .footer-navigation, + .entry-footer, + .post-navigation, + .navigation.pagination, + .widget-area, + .edit-link, + .more-link, + .comment-reply, + .reply, + .comment .comment-metadata .edit-link, + .comment-respond, + #dark-mode-toggler { + display: none !important; + } + + .entry .entry-content .wp-block-button .wp-block-button__link, + .entry .entry-content .button, + .entry .entry-content .wp-block-file__button { + color: #000; + background: none; + } +} diff --git a/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css new file mode 100644 index 0000000..8f24f06 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css @@ -0,0 +1,113 @@ +/* OS dark theme preference */ +@media only screen { + + .is-dark-theme.is-dark-theme { + --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); + --global--color-border: #9ea1a7; + + /* Block: Table */ + --table--stripes-border-color: rgba(240, 240, 240, 0.15); + --table--stripes-background-color: rgba(240, 240, 240, 0.15); + } + + .is-dark-theme img { + filter: brightness(0.85) contrast(1.1); + } + + .respect-color-scheme-preference.is-dark-theme body { + background-color: var(--global--color-background); + } + + #dark-mode-toggler { + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--global--font-size-xs); + padding: 0.5em; + min-height: 44px; + min-width: max-content; + border: 2px solid currentColor; + box-shadow: none; + background: var(--button--color-text); + color: var(--button--color-background); + z-index: 9998; + } + + .no-js #dark-mode-toggler { + display: none; + } + + #dark-mode-toggler.fixed-bottom { + position: fixed; + bottom: 5px; + left: 5px; + } + + #dark-mode-toggler.fixed-bottom.hide:not(:focus) { + bottom: -80px; + } + + #dark-mode-toggler.relative { + position: absolute; + height: 44px; + top: calc(2.4 * var(--global--spacing-vertical) - 44px); + left: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); + } + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); + } +} +@media only screen and (max-width: 782px) { + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); + } +} +@media only screen and (max-width: 481px) { + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); + } +} +@media only screen and (max-width: 481px) { + + body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav { + top: 88px; + } +} +@media only screen { + + .primary-navigation-open #dark-mode-toggler { + display: none; + } +} +@media only screen { + + #dark-mode-toggler:hover, + #dark-mode-toggler:focus { + color: var(--button--color-background-active); + border: 2px solid var(--button--color-text-active); + background-color: var(--button--color-text-active); + } +} +@media only screen { + + .is-IE #dark-mode-toggler { + display: none; + } +} +@media only screen and (prefers-reduced-motion: no-preference) { + + #dark-mode-toggler.fixed-bottom { + transition: bottom 0.5s; + } +} diff --git a/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css new file mode 100644 index 0000000..2cf1d4e --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css @@ -0,0 +1,113 @@ +/* OS dark theme preference */ +@media only screen { + + .is-dark-theme.is-dark-theme { + --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); + --global--color-border: #9ea1a7; + + /* Block: Table */ + --table--stripes-border-color: rgba(240, 240, 240, 0.15); + --table--stripes-background-color: rgba(240, 240, 240, 0.15); + } + + .is-dark-theme img { + filter: brightness(0.85) contrast(1.1); + } + + .respect-color-scheme-preference.is-dark-theme body { + background-color: var(--global--color-background); + } + + #dark-mode-toggler { + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--global--font-size-xs); + padding: 0.5em; + min-height: 44px; + min-width: max-content; + border: 2px solid currentColor; + box-shadow: none; + background: var(--button--color-text); + color: var(--button--color-background); + z-index: 9998; + } + + .no-js #dark-mode-toggler { + display: none; + } + + #dark-mode-toggler.fixed-bottom { + position: fixed; + bottom: 5px; + right: 5px; + } + + #dark-mode-toggler.fixed-bottom.hide:not(:focus) { + bottom: -80px; + } + + #dark-mode-toggler.relative { + position: absolute; + height: 44px; + top: calc(2.4 * var(--global--spacing-vertical) - 44px); + right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); + } + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); + } +} +@media only screen and (max-width: 782px) { + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); + } +} +@media only screen and (max-width: 481px) { + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); + } +} +@media only screen and (max-width: 481px) { + + body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav { + top: 88px; + } +} +@media only screen { + + .primary-navigation-open #dark-mode-toggler { + display: none; + } +} +@media only screen { + + #dark-mode-toggler:hover, + #dark-mode-toggler:focus { + color: var(--button--color-background-active); + border: 2px solid var(--button--color-text-active); + background-color: var(--button--color-text-active); + } +} +@media only screen { + + .is-IE #dark-mode-toggler { + display: none; + } +} +@media only screen and (prefers-reduced-motion: no-preference) { + + #dark-mode-toggler.fixed-bottom { + transition: bottom 0.5s; + } +} diff --git a/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css b/wp-content/themes/twentytwentyone/assets/css/style-editor-customizer.css new file mode 100644 index 0000000..4166745 --- /dev/null +++ b/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. + */ diff --git a/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/wp-content/themes/twentytwentyone/assets/css/style-editor.css new file mode 100644 index 0000000..ccd7195 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/css/style-editor.css @@ -0,0 +1,2595 @@ +@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); + --global--color-white-90: rgba(255, 255, 255, 0.9); + --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)); + --primary-nav--border-color: var(--global--color-primary); + + /* 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-sm); + + /* 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: 700; + --quote--font-weight-strong: bolder; + --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)); + + /* Admin-bar height */ + --global--admin-bar--height: 0px; +} + +.admin-bar { + --global--admin-bar--height: 32px; +} +@media only screen and (max-width: 782px) { + + .admin-bar { + --global--admin-bar--height: 46px; + } +} + +@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; + } +} + +/** + * Responsive 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 { + padding: 0; + position: relative; + margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); +} + +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 p { + letter-spacing: var(--heading--letter-spacing-h4); + font-family: var(--quote--font-family); + font-size: var(--quote--font-size); + font-style: var(--quote--font-style); + font-weight: var(--quote--font-weight); + line-height: var(--quote--line-height); +} + +blockquote cite, +blockquote footer { + font-weight: normal; + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + letter-spacing: var(--global--letter-spacing); +} + +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); +} + +blockquote strong { + font-weight: var(--quote--font-weight-strong); +} + +blockquote:before { + content: "“"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + position: absolute; + left: calc(-0.5 * var(--global--spacing-horizontal)); +} + +blockquote .wp-block-quote__citation, +blockquote cite, +blockquote footer { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + font-style: var(--quote--font-style-cite); +} +@media only screen and (max-width: 481px) { + + blockquote { + padding-left: calc(0.5 * var(--global--spacing-horizontal)); + } + + blockquote:before { + left: 0; + } +} + +img { + height: auto; + max-width: 100%; + vertical-align: middle; +} + +/* 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, +.wp-block-embed figcaption { + 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, +.alignleft .wp-block-embed figcaption, +.alignright .wp-block-embed figcaption { + 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, +select:focus { + 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); + background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; + 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:not(.wp-block-button__link):not(.wp-block-file__button) { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + text-decoration: underline 1px dotted currentColor; + text-decoration-skip-ink: none; + background: rgba(255, 255, 255, 0.9); +} + +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: var(--global--color-black); + color: var(--global--color-white); + text-decoration: none; +} + +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { + color: var(--wp--style--color--link, var(--global--color-white)); +} + +.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: rgba(0, 0, 0, 0.9); + color: var(--wp--style--color--link, var(--global--color-white)); +} + +.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { + color: var(--wp--style--color--link, var(--global--color-white)); +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + outline-offset: -2px; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { + color: #21759b; + background-color: #f1f1f1; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { + outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); +} + +.has-background .has-link-color a, +.has-background.has-link-color a { + color: var(--wp--style--color--link, var(--global--color-primary)); +} + +.wp-block-button__link { + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + line-height: var(--button--line-height); + padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; +} + +.wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); +} + +.wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); +} + +.wp-block-button__link:hover, +.wp-block-button__link:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-button__link:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-background)); +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, +.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-primary); +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-primary, var(--global--color-primary)); +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; +} + +.wp-block-button.is-style-outline .wp-block-button__link:hover, +.wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: var(--global--color-primary) !important; + border-color: transparent !important; + color: var(--global--color-background) !important; +} + +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: var(--local--color-primary, var(--global--color-primary)) !important; + color: var(--local--color-background, var(--global--color-background)) !important; +} + +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { + color: var(--local--color-background, var(--global--color-background)) !important; +} + +.wp-block-button.is-style-outline .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-button.is-style-squared { + border-radius: 0; +} + +.is-style-outline .wp-block-button__link[style*=radius], +.wp-block-button__link[style*=radius] { + outline-offset: 2px; +} + +.wp-block-code code { + white-space: pre !important; + overflow-x: auto; +} + +.wp-block-code { + border-color: var(--global--color-border); + border-radius: 0; + border-style: solid; + border-width: 0.1rem; + padding: var(--global--spacing-unit); + color: currentColor; +} + +.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:not(.alignwide):not(.alignfull), +.wp-block-cover-image:not(.alignwide):not(.alignfull) { + clear: both; +} + +[data-align=full] .wp-block-cover, +[data-align=full] .wp-block-cover-image { + margin-top: 0; + margin-bottom: 0; +} + +.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:not(.block-list-appender), +.wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), +.wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2), +.wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), +.wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) { + margin-bottom: 0; +} + +.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; + 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-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; +} + +.wp-block-columns:not(.alignwide):not(.alignfull) { + clear: both; +} + +.wp-block-columns .wp-block, +.wp-block-columns .wp-block-column { + max-width: inherit; +} + +.wp-block-columns > .wp-block-column > *:first-child { + margin-top: 0; +} + +.wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2), +.wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) { + margin-bottom: 0; +} +@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] > .wp-block-columns p:not(.has-background), +.wp-block[data-align=full] > .wp-block-columns h1:not(.has-background), +.wp-block[data-align=full] > .wp-block-columns h2:not(.has-background), +.wp-block[data-align=full] > .wp-block-columns h3:not(.has-background), +.wp-block[data-align=full] > .wp-block-columns h4:not(.has-background), +.wp-block[data-align=full] > .wp-block-columns h5:not(.has-background), +.wp-block[data-align=full] > .wp-block-columns 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 { + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + line-height: var(--button--line-height); + padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; + display: inline-block; +} + +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); +} + +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); +} + +.wp-block-file .wp-block-file__button:hover, +.wp-block-file .wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-file .wp-block-file__button:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-gallery figcaption { + margin-bottom: 0; +} + +.wp-block-gallery figcaption a { + color: var(--global--color-white); +} + +.wp-block-group.has-background { + padding: var(--global--spacing-vertical); +} + +[data-align=full] .wp-block-group.has-background { + margin-top: 0; + margin-bottom: 0; +} + +.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.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { + max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); + width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); + margin-left: calc(-1 * var(--global--spacing-vertical)); +} + +.wp-block-group > .wp-block-group__inner-container > *:first-child { + margin-top: 0; +} + +.wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2), +.wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) { + 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, var(--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); +} + +[data-type="core/html"] textarea { + color: var(--global--color-dark-gray); + border-radius: 0; + padding: var(--global--spacing-unit); +} + +/* Center image block by default in the editor */ +.wp-block-image, +.wp-block-image > div:not(.components-placeholder) { + 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 { + padding-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 { + word-wrap: break-word; + word-break: break-word; +} + +.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; +} + +[data-align=full] .wp-block-media-text { + margin-top: 0; + margin-bottom: 0; +} + +.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:not(.block-list-appender) { + margin-bottom: 0; +} + +.wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2), +.wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) { + margin-bottom: 0; +} + +.wp-block-media-text .wp-block-media-text__content { + padding: 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 [data-block] { + margin-top: revert; + margin-bottom: revert; +} + +.wp-block-navigation .wp-block-navigation__container { + background: var(--global--color-background); +} + +.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, var(--global--line-height-body)); +} + +p.has-background { + padding: var(--global--spacing-unit); +} + +pre.wp-block-preformatted { + overflow-x: auto; + white-space: pre !important; + font-size: var(--global--font-size-xs); +} + +.wp-block-pullquote { + padding: calc(2 * var(--global--spacing-unit)) 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: "“"; + display: block; + position: relative; + left: 0; + 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 { + margin-left: auto; + margin-right: auto; + 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[data-align=left] .wp-block-pullquote.is-style-solid-color, +.wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color { + padding: var(--global--spacing-unit); +} + +.wp-block-query.has-background { + padding: calc(0.666 * var(--global--spacing-vertical)); +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: var(--global--spacing-vertical); + } +} + +.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); + line-height: var(--quote--line-height); +} + +.wp-block-quote strong { + font-weight: var(--quote--font-weight-strong); +} + +.wp-block-quote:before { + content: "“"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + left: calc(-0.5 * var(--global--spacing-horizontal)); +} + +.wp-block-quote .wp-block-quote__citation { + color: currentColor; + font-size: var(--global--font-size-xs); + font-style: var(--quote--font-style-cite); +} + +.has-background .wp-block-quote .wp-block-quote__citation, +[class*=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 { + 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 { + display: none; +} + +.wp-block-quote.has-text-align-right p:before { + content: "”"; + font-size: var(--quote--font-size); + font-weight: normal; + line-height: var(--quote--line-height); + margin-right: 5px; +} + +.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 { + display: none; +} + +.wp-block-quote.is-large.has-text-align-right p:before, +.wp-block-quote.is-style-large.has-text-align-right p:before { + content: "”"; + font-size: var(--quote--font-size-large); + font-weight: normal; + line-height: var(--quote--line-height-large); + margin-right: 10px; +} +@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__button-inside .wp-block-search__inside-wrapper, +.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); +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, +.is-dark-theme .wp-block-search .wp-block-search__input { + background: var(--global--color-white-90); +} + +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, +.has-background .wp-block-search .wp-block-search__input { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button { + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + line-height: var(--button--line-height); + padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; + box-shadow: none; + margin-left: 0; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-search .wp-block-search__button.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); +} + +.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { + padding: 6px calc(0.5 * var(--button--padding-horizontal)); + display: inherit; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { + width: 40px; + height: 40px; +} + +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: var(--local--color-background, var(--global--color-background)) !important; + color: var(--local--color-primary, var(--global--color-primary)) !important; +} + +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { + color: var(--local--color-primary, var(--global--color-primary)) !important; +} + +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: inherit; + outline: inherit; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: var(--form--border-width); +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__input { + border: none; +} + +.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, +.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { + color: var(--global--color-dark-gray); +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button, +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { + color: var(--global--color-dark-gray); +} + +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { + background-color: var(--global--color-dark-gray); + color: var(--global--color-white); +} + +.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { + padding: var(--button--padding-vertical) var(--button--padding-horizontal); +} + +.wp-block[data-align=center] > * { + text-align: center; +} + +.wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { + justify-content: center; +} + +.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: var(--responsive--aligndefault-width); +} + +[data-align=full] > .wp-block-separator, +[data-align=wide] > .wp-block-separator, +[data-align=full] > hr, +[data-align=wide] > hr { + 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 .wp-block-separator, +[class*=background-color] .wp-block-separator, +[style*=background-color] .wp-block-separator, +.wp-block-cover[style*=background-image] .wp-block-separator, +.has-background hr, +[class*=background-color] hr, +[style*=background-color] hr, +.wp-block-cover[style*=background-image] hr { + border-color: currentColor; +} + +.wp-block-social-links [data-block] { + margin-top: 0; + margin-bottom: 0; +} + +.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 thead, +table tfoot, +.wp-block-table thead, +.wp-block-table tfoot { + text-align: center; +} + +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, +table.is-style-stripes .has-background thead tr, +table.is-style-stripes .has-background tfoot tr, +table.is-style-stripes .has-background tbody tr, +.wp-block-table.is-style-regular .has-background, +.wp-block-table.is-style-stripes .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 { + 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.is-style-stripes .has-background tbody tr:nth-child(odd), +.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { + background-color: var(--global--color-white-90); +} + +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 { + color: currentColor; + border: 1px solid; +} + +table.wp-calendar-table caption { + font-weight: bold; + text-align: left; + margin-bottom: var(--global--spacing-unit); + color: currentColor; +} + +.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; +} + +.wp-block-tag-cloud.aligncenter { + text-align: center; +} + +pre.wp-block-verse { + padding: 0; + color: currentColor; +} + +: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 a, +.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); +} + +[data-block] { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); +} + +.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; +} + +.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); + } +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border: none; +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote:before { + left: 5px; +} + +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 .has-link-color a, +.has-background.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-black-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-black, #000); + color: var(--local--color-primary); +} + +.has-gray-color[class] { + color: var(--global--color-gray); +} + +.has-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-gray, #000); + color: var(--local--color-primary); +} + +.has-dark-gray-color[class] { + color: var(--global--color-dark-gray); +} + +.has-dark-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-dark-gray, #000); + color: var(--local--color-primary); +} + +.has-green-color[class] { + color: var(--global--color-green); +} + +.has-green-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-green, #fff); + color: var(--local--color-primary); +} + +.has-blue-color[class] { + color: var(--global--color-blue); +} + +.has-blue-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-blue, #fff); + color: var(--local--color-primary); +} + +.has-purple-color[class] { + color: var(--global--color-purple); +} + +.has-purple-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-purple, #fff); + color: var(--local--color-primary); +} + +.has-red-color[class] { + color: var(--global--color-red); +} + +.has-red-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-red, #fff); + color: var(--local--color-primary); +} + +.has-orange-color[class] { + color: var(--global--color-orange); +} + +.has-orange-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-orange, #fff); + color: var(--local--color-primary); +} + +.has-yellow-color[class] { + color: var(--global--color-yellow); +} + +.has-yellow-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-yellow, #fff); + color: var(--local--color-primary); +} + +.has-white-color[class] { + color: var(--global--color-white); +} + +.has-white-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-white, #fff); + color: var(--local--color-primary); +} + +.has-background a, +.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-black-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-black, #000); + background-color: var(--local--color-background); +} + +.has-dark-gray-background-color[class] { + background-color: var(--global--color-dark-gray); +} + +.has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-dark-gray, #000); + background-color: var(--local--color-background); +} + +.has-gray-background-color[class] { + background-color: var(--global--color-gray); +} + +.has-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-gray, #000); + background-color: var(--local--color-background); +} + +.has-light-gray-background-color[class] { + background-color: var(--global--color-light-gray); +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-light-gray, #fff); + background-color: var(--local--color-background); +} + +.has-green-background-color[class] { + background-color: var(--global--color-green); +} + +.has-green-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-green, #fff); + background-color: var(--local--color-background); +} + +.has-blue-background-color[class] { + background-color: var(--global--color-blue); +} + +.has-blue-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-blue, #fff); + background-color: var(--local--color-background); +} + +.has-purple-background-color[class] { + background-color: var(--global--color-purple); +} + +.has-purple-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-purple, #fff); + background-color: var(--local--color-background); +} + +.has-red-background-color[class] { + background-color: var(--global--color-red); +} + +.has-red-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-red, #fff); + background-color: var(--local--color-background); +} + +.has-orange-background-color[class] { + background-color: var(--global--color-orange); +} + +.has-orange-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-orange, #fff); + background-color: var(--local--color-background); +} + +.has-yellow-background-color[class] { + background-color: var(--global--color-yellow); +} + +.has-yellow-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-yellow, #fff); + background-color: var(--local--color-background); +} + +.has-white-background-color[class] { + background-color: var(--global--color-white); +} + +.has-white-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-white, #fff); + background-color: var(--local--color-background); +} + +.has-background:not(.has-text-color).has-black-background-color[class], +.has-background:not(.has-text-color).has-gray-background-color[class], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] { + color: var(--global--color-white); +} + +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); +} + +.has-background:not(.has-text-color).has-green-background-color[class], +.has-background:not(.has-text-color).has-blue-background-color[class], +.has-background:not(.has-text-color).has-purple-background-color[class], +.has-background:not(.has-text-color).has-red-background-color[class], +.has-background:not(.has-text-color).has-orange-background-color[class], +.has-background:not(.has-text-color).has-yellow-background-color[class], +.has-background:not(.has-text-color).has-white-background-color[class] { + color: var(--global--color-dark-gray); +} + +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); +} + +.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)); +} diff --git a/wp-content/themes/twentytwentyone/assets/images/Daffodils.jpg b/wp-content/themes/twentytwentyone/assets/images/Daffodils.jpg new file mode 100644 index 0000000..bd062b9 Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/Daffodils.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/Reading.jpg b/wp-content/themes/twentytwentyone/assets/images/Reading.jpg new file mode 100644 index 0000000..cfa732a Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/Reading.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/in-the-bois-de-boulogne.jpg b/wp-content/themes/twentytwentyone/assets/images/in-the-bois-de-boulogne.jpg new file mode 100644 index 0000000..cf74f5d Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/in-the-bois-de-boulogne.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/playing-in-the-sand.jpg b/wp-content/themes/twentytwentyone/assets/images/playing-in-the-sand.jpg new file mode 100644 index 0000000..557ae0f Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/playing-in-the-sand.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/roses-tremieres-hollyhocks-1884.jpg b/wp-content/themes/twentytwentyone/assets/images/roses-tremieres-hollyhocks-1884.jpg new file mode 100644 index 0000000..ff53416 Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/roses-tremieres-hollyhocks-1884.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/self-portrait-1885.jpg b/wp-content/themes/twentytwentyone/assets/images/self-portrait-1885.jpg new file mode 100644 index 0000000..623598b Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/self-portrait-1885.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/the-garden-at-bougival-1884.jpg b/wp-content/themes/twentytwentyone/assets/images/the-garden-at-bougival-1884.jpg new file mode 100644 index 0000000..6594d3d Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/the-garden-at-bougival-1884.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/villa-with-orange-trees-nice.jpg b/wp-content/themes/twentytwentyone/assets/images/villa-with-orange-trees-nice.jpg new file mode 100644 index 0000000..5b78d96 Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/villa-with-orange-trees-nice.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/images/young-woman-in-mauve.jpg b/wp-content/themes/twentytwentyone/assets/images/young-woman-in-mauve.jpg new file mode 100644 index 0000000..df00d31 Binary files /dev/null and b/wp-content/themes/twentytwentyone/assets/images/young-woman-in-mauve.jpg differ diff --git a/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js b/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js new file mode 100644 index 0000000..6678c3d --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/customize-helpers.js @@ -0,0 +1,39 @@ +/** + * Get luminance from a HEX color. + * + * @since Twenty Twenty-One 1.0 + * + * @param {string} hex - The hex color. + * + * @return {number} - Returns the luminance, number between 0 and 255. + */ +function twentytwentyoneGetHexLum( hex ) { // jshint ignore:line + var rgb = twentytwentyoneGetRgbFromHex( hex ); + return Math.round( ( 0.2126 * rgb.r ) + ( 0.7152 * rgb.g ) + ( 0.0722 * rgb.b ) ); +} + +/** + * Get RGB from HEX. + * + * @since Twenty Twenty-One 1.0 + * + * @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; +} diff --git a/wp-content/themes/twentytwentyone/assets/js/customize-preview.js b/wp-content/themes/twentytwentyone/assets/js/customize-preview.js new file mode 100644 index 0000000..a9d9a6f --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/customize-preview.js @@ -0,0 +1,62 @@ +/* global twentytwentyoneGetHexLum, jQuery */ +( function() { + // Add listener for the "background_color" control. + wp.customize( '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)', + stylesheetID = 'twentytwentyone-customizer-inline-styles', + stylesheet, + styles; + + // Modify the html & body classes depending on whether this is a dark background or not. + if ( isDark ) { + document.body.classList.add( 'is-dark-theme' ); + document.documentElement.classList.add( 'is-dark-theme' ); + document.body.classList.remove( 'is-light-theme' ); + document.documentElement.classList.remove( 'is-light-theme' ); + document.documentElement.classList.remove( 'respect-color-scheme-preference' ); + } else { + document.body.classList.remove( 'is-dark-theme' ); + document.documentElement.classList.remove( 'is-dark-theme' ); + document.body.classList.add( 'is-light-theme' ); + document.documentElement.classList.add( 'is-light-theme' ); + if ( wp.customize( 'respect_user_color_preference' ).get() ) { + document.documentElement.classList.add( 'respect-color-scheme-preference' ); + } + } + + // Toggle the white background class. + if ( 225 <= lum ) { + document.body.classList.add( 'has-background-white' ); + } else { + document.body.classList.remove( 'has-background-white' ); + } + + stylesheet = jQuery( '#' + stylesheetID ); + styles = ''; + // If the stylesheet doesn't exist, create it and append it to . + if ( ! stylesheet.length ) { + jQuery( '#twenty-twenty-one-style-inline-css' ).after( '' ); + stylesheet = jQuery( '#' + stylesheetID ); + } + + // Generate the styles. + styles += '--global--color-primary:' + textColor + ';'; + styles += '--global--color-secondary:' + textColor + ';'; + styles += '--global--color-background:' + to + ';'; + + styles += '--button--color-background:' + textColor + ';'; + styles += '--button--color-text:' + to + ';'; + styles += '--button--color-text-hover:' + textColor + ';'; + + styles += '--table--stripes-border-color:' + tableColor + ';'; + styles += '--table--stripes-background-color:' + tableColor + ';'; + + // Add the styles. + stylesheet.html( ':root{' + styles + '}' ); + } ); + } ); +}() ); diff --git a/wp-content/themes/twentytwentyone/assets/js/customize.js b/wp-content/themes/twentytwentyone/assets/js/customize.js new file mode 100644 index 0000000..d47d0d4 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/customize.js @@ -0,0 +1,25 @@ +/* global twentytwentyoneGetHexLum */ + +( function() { + // Wait until the customizer has finished loading. + wp.customize.bind( 'ready', function() { + // Hide the "respect_user_color_preference" setting if the background-color is dark. + if ( 127 > twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() ) ) { + wp.customize.control( 'respect_user_color_preference' ).deactivate(); + wp.customize.control( 'respect_user_color_preference_notice' ).deactivate(); + } + + // Handle changes to the background-color. + wp.customize( 'background_color', function( setting ) { + setting.bind( function( value ) { + if ( 127 > twentytwentyoneGetHexLum( value ) ) { + wp.customize.control( 'respect_user_color_preference' ).deactivate(); + wp.customize.control( 'respect_user_color_preference_notice' ).activate(); + } else { + wp.customize.control( 'respect_user_color_preference' ).activate(); + wp.customize.control( 'respect_user_color_preference_notice' ).deactivate(); + } + } ); + } ); + } ); +}() ); diff --git a/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js b/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js new file mode 100644 index 0000000..f5519d0 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js @@ -0,0 +1,71 @@ +function toggleDarkMode() { // jshint ignore:line + var toggler = document.getElementById( 'dark-mode-toggler' ); + + if ( 'false' === toggler.getAttribute( 'aria-pressed' ) ) { + toggler.setAttribute( 'aria-pressed', 'true' ); + document.documentElement.classList.add( 'is-dark-theme' ); + document.body.classList.add( 'is-dark-theme' ); + window.localStorage.setItem( 'twentytwentyoneDarkMode', 'yes' ); + } else { + toggler.setAttribute( 'aria-pressed', 'false' ); + document.documentElement.classList.remove( 'is-dark-theme' ); + document.body.classList.remove( 'is-dark-theme' ); + window.localStorage.setItem( 'twentytwentyoneDarkMode', 'no' ); + } +} + +function twentytwentyoneIsDarkMode() { + var isDarkMode = window.matchMedia( '(prefers-color-scheme: dark)' ).matches; + + if ( 'yes' === window.localStorage.getItem( 'twentytwentyoneDarkMode' ) ) { + isDarkMode = true; + } else if ( 'no' === window.localStorage.getItem( 'twentytwentyoneDarkMode' ) ) { + isDarkMode = false; + } + + return isDarkMode; +} + +function darkModeInitialLoad() { + var toggler = document.getElementById( 'dark-mode-toggler' ), + isDarkMode = twentytwentyoneIsDarkMode(); + + if ( isDarkMode ) { + document.documentElement.classList.add( 'is-dark-theme' ); + document.body.classList.add( 'is-dark-theme' ); + } else { + document.documentElement.classList.remove( 'is-dark-theme' ); + document.body.classList.remove( 'is-dark-theme' ); + } + + if ( toggler && isDarkMode ) { + toggler.setAttribute( 'aria-pressed', 'true' ); + } +} + +function darkModeRepositionTogglerOnScroll() { + + var toggler = document.getElementById( 'dark-mode-toggler' ), + prevScroll = window.scrollY || document.documentElement.scrollTop, + currentScroll, + + checkScroll = function() { + currentScroll = window.scrollY || document.documentElement.scrollTop; + if ( + currentScroll + ( window.innerHeight * 1.5 ) > document.body.clientHeight || + currentScroll < prevScroll + ) { + toggler.classList.remove( 'hide' ); + } else if ( currentScroll > prevScroll && 250 < currentScroll ) { + toggler.classList.add( 'hide' ); + } + prevScroll = currentScroll; + }; + + if ( toggler ) { + window.addEventListener( 'scroll', checkScroll ); + } +} + +darkModeInitialLoad(); +darkModeRepositionTogglerOnScroll(); diff --git a/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js b/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js new file mode 100644 index 0000000..088ecad --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js @@ -0,0 +1,44 @@ +/* global twentytwentyoneIsDarkMode, setTimeout */ + +// Check the color scheme preference and inject the classes if necessary. +if ( document.body.classList.contains( 'twentytwentyone-supports-dark-theme' ) ) { + twentytwentyoneDarkModeEditorInit(); +} + +/** + * Once the editor loads, add the dark mode class. + * + * Wait for the editor to load by periodically checking for an element, then we add the classes. + * + * @since Twenty Twenty-One 1.0 + * + * @param {number} attempt Track the number of tries + * @return {void} + */ +function twentytwentyoneDarkModeEditorInit( attempt ) { + var container = document.querySelector( '.block-editor__typewriter' ), + maxAttempts = 8; + + // Set the initial attempt if it's undefined. + attempt = attempt || 0; + + if ( twentytwentyoneIsDarkMode() ) { + if ( null === container ) { + // Try again. + if ( attempt < maxAttempts ) { + setTimeout( + function() { + twentytwentyoneDarkModeEditorInit( attempt + 1 ); + }, + // Double the delay, give the server some time to breathe. + 25 * Math.pow( 2, attempt ) + ); + } + return; + } + + document.body.classList.add( 'is-dark-theme' ); + document.documentElement.classList.add( 'is-dark-theme' ); + container.classList.add( 'is-dark-theme' ); + } +} diff --git a/wp-content/themes/twentytwentyone/assets/js/editor.js b/wp-content/themes/twentytwentyone/assets/js/editor.js new file mode 100644 index 0000000..b94c97c --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/editor.js @@ -0,0 +1,38 @@ +/* global setTimeout */ +wp.domReady( function() { + // Unregister "Wide" Separator Style. + wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' ); + + // Add to ".block-editor__typewriter" the "is-dark-theme" class if needed. + function twentytwentyoneCopyDarkThemeClass() { + var editor, + attemptDelay = 25, + attempt = 0, + maxAttempts = 10; + + if ( ! document.body.classList.contains( 'is-dark-theme' ) ) { + return; + } + + editor = document.querySelector( '.block-editor__typewriter' ); + if ( null === editor ) { + // Try again. + if ( attempt < maxAttempts ) { + setTimeout( function() { + twentytwentyoneCopyDarkThemeClass(); + }, attemptDelay ); + + // Increment the attempts counter. + attempt++; + + // Double the delay, give the server some time to breathe. + attemptDelay *= 2; + } + return; + } + + editor.classList.add( 'is-dark-theme' ); + } + + twentytwentyoneCopyDarkThemeClass(); +} ); diff --git a/wp-content/themes/twentytwentyone/assets/js/palette-colorpicker.js b/wp-content/themes/twentytwentyone/assets/js/palette-colorpicker.js new file mode 100644 index 0000000..ced9e02 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/palette-colorpicker.js @@ -0,0 +1,55 @@ +/** + * 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(). + * + * @since Twenty Twenty-One 1.0 + */ +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/wp-content/themes/twentytwentyone/assets/js/polyfills.js b/wp-content/themes/twentytwentyone/assets/js/polyfills.js new file mode 100644 index 0000000..f2692d8 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/polyfills.js @@ -0,0 +1,46 @@ +/** + * File polyfills.js. + * + * Polyfills for IE11. + */ + +/** + * Polyfill for Element.closest() because we need to support IE11. + * + * @since Twenty Twenty-One 1.0 + * + * @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. + * + * @since Twenty Twenty-One 1.0 + * + * @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/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js b/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js new file mode 100644 index 0000000..c53af82 --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js @@ -0,0 +1,204 @@ +/** + * File primary-navigation.js. + * + * Required to open and close the mobile navigation. + */ + +/** + * Toggle an attribute's value + * + * @since Twenty Twenty-One 1.0 + * + * @param {Element} el - The element. + * @param {boolean} withListeners - Whether we want to add/remove listeners or not. + */ +function twentytwentyoneToggleAriaExpanded( el, withListeners ) { + if ( 'true' !== el.getAttribute( 'aria-expanded' ) ) { + el.setAttribute( 'aria-expanded', 'true' ); + twentytwentyoneSubmenuPosition( el.parentElement ); + 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' ); + } ); + } +} + +/** + * Changes the position of submenus so they always fit the screen horizontally. + * + * @since Twenty Twenty-One 1.0 + * + * @param {Element} li - The li element. + */ +function twentytwentyoneSubmenuPosition( li ) { + var subMenu = li.querySelector( 'ul.sub-menu' ), + rect, + right, + left, + windowWidth; + + if ( ! subMenu ) { + return; + } + + rect = subMenu.getBoundingClientRect(); + right = Math.round( rect.right ); + left = Math.round( rect.left ); + windowWidth = Math.round( window.innerWidth ); + + if ( right > windowWidth ) { + subMenu.classList.add( 'submenu-reposition-right' ); + } else if ( document.body.classList.contains( 'rtl' ) && left < 0 ) { + subMenu.classList.add( 'submenu-reposition-left' ); + } +} + +/** + * Handle clicks on submenu toggles. + * + * @since Twenty Twenty-One 1.0 + * + * @param {Element} el - The element. + */ +function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line + // 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 + * + * @since Twenty Twenty-One 1.0 + * + * @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' ), + navMenuEl = document.getElementById( 'site-navigation' ); + + // If there's no nav menu, none of this is necessary. + if ( ! navMenuEl ) { + return; + } + + 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 Twenty Twenty. + * + * @since Twenty Twenty-One 1.0 + */ + 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; // eslint-disable-line @wordpress/no-global-active-element + 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(); + } + } ); + + /** + * Close menu and scroll to anchor when an anchor link is clicked. + * Adapted from Twenty Twenty. + * + * @since Twenty Twenty-One 1.1 + */ + document.getElementById( 'site-navigation' ).addEventListener( 'click', function( event ) { + // If target onclick is with # within the href attribute + if ( event.target.hash ) { + wrapper.classList.remove( id + '-navigation-open', 'lock-scrolling' ); + twentytwentyoneToggleAriaExpanded( mobileButton ); + // Wait 550 and scroll to the anchor. + setTimeout(function () { + var anchor = document.getElementById(event.target.hash.slice(1)); + if ( anchor ) { + anchor.scrollIntoView(); + } + }, 550); + } + } ); + + navMenuEl.querySelectorAll( '.menu-wrapper > .menu-item-has-children' ).forEach( function( li ) { + li.addEventListener( 'mouseenter', function() { + this.querySelector( '.sub-menu-toggle' ).setAttribute( 'aria-expanded', 'true' ); + twentytwentyoneSubmenuPosition( li ); + } ); + li.addEventListener( 'mouseleave', function() { + this.querySelector( '.sub-menu-toggle' ).setAttribute( 'aria-expanded', 'false' ); + } ); + } ); + }; + + window.addEventListener( 'load', function() { + new navMenu( 'primary' ); + } ); +}() ); diff --git a/wp-content/themes/twentytwentyone/assets/js/responsive-embeds.js b/wp-content/themes/twentytwentyone/assets/js/responsive-embeds.js new file mode 100644 index 0000000..2beed6e --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/js/responsive-embeds.js @@ -0,0 +1,36 @@ +/** + * File responsive-embeds.js. + * + * Make embeds responsive so they don't overflow their container. + */ + +/** + * Add max-width & max-height to