From db9b22b05185156d82009dc7df290e39e460f496 Mon Sep 17 00:00:00 2001 From: audrasjb Date: Wed, 18 Jan 2023 14:52:18 +0000 Subject: [PATCH] Twenty Twenty-One: Revert [55088]. [55088] introduced some issues with the "Test Default Themes & Create ZIPs" workflow on GitHub Actions. This changeset reverts it to leave time to figure out what failed and why. See #53220. Built from https://develop.svn.wordpress.org/trunk@55089 git-svn-id: http://core.svn.wordpress.org/trunk@54622 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../twentytwentyone/assets/css/ie-editor.css | 3534 +++---- .../themes/twentytwentyone/assets/css/ie.css | 8207 +++++++++-------- .../twentytwentyone/assets/css/print.css | 281 +- .../assets/css/style-dark-mode-rtl.css | 171 +- .../assets/css/style-dark-mode.css | 193 +- .../assets/css/style-editor.css | 2682 +++--- .../sass/05-blocks/navigation/_editor.scss | 10 +- .../sass/05-blocks/navigation/_style.scss | 25 + .../themes/twentytwentyone/style-rtl.css | 5732 +++++++----- wp-content/themes/twentytwentyone/style.css | 5806 +++++++----- wp-includes/version.php | 2 +- 11 files changed, 14718 insertions(+), 11925 deletions(-) diff --git a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css index ebfea1ca42..c0b3dd9b93 100644 --- a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css +++ b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css @@ -1,278 +1,283 @@ @charset "UTF-8"; + /** * These styles should be loaded by the Block Editor only */ + /* Variables */ :root { - /* Font Family */ - /* Font Size */ - /* Line Height */ - /* Headings */ - /* Block: Latest posts */ - /* Colors */ - /* 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 */ + + /* 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 */ } + /** * Responsive Styles */ + /** * Required Variables */ + /** * Root Media Query Variables */ + /** * Extends */ .default-max-width { - max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; + 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: 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); - } +@media only screen and (min-width: 822px) { + + .default-max-width { + max-width: min(calc(100vw - 200px), 610px); + } } .wide-max-width { - max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; -} - -@media only screen and (min-width: 482px){ - .wide-max-width{ - max-width: calc(100vw - 100px); - } -} - -@media only screen and (min-width: 822px){ - .wide-max-width{ - max-width: min(calc(100vw - 200px), 1240px); - } + max-width: calc(100vw - 30px); + margin-left: auto; + margin-right: auto; } @media only screen and (min-width: 482px) { - .full-max-width { - max-width: 100%; - width: auto; - margin-left: auto; - margin-right: auto; - } + + .wide-max-width { + max-width: calc(100vw - 100px); + } } + +@media only screen and (min-width: 822px) { + + .wide-max-width { + max-width: min(calc(100vw - 200px), 1240px); + } +} + +@media only screen and (min-width: 482px) { + + .full-max-width { + max-width: 100%; + width: auto; + margin-left: auto; + margin-right: auto; + } +} + blockquote { - padding: 0; - position: relative; - margin: 30px 0 30px 25px; + padding: 0; + position: relative; + margin: 30px 0 30px 25px; } + blockquote > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + blockquote > *:first-child { - margin-top: 0; + margin-top: 0; } + blockquote > *:last-child { - margin-bottom: 0; + 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 { - font-weight: normal; - letter-spacing: normal; + 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; + font-weight: normal; + letter-spacing: normal; } -blockquote.alignleft, blockquote.alignright { - padding-left: inherit; -} -blockquote.alignleft p { - font-size: 1.125rem; - max-width: inherit; - width: inherit; + +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 { - font-size: 1rem; - letter-spacing: normal; -} -blockquote.alignleft footer { - font-size: 1rem; - letter-spacing: normal; -} -blockquote.alignright cite { - font-size: 1rem; - letter-spacing: normal; + 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; + font-size: 1rem; + letter-spacing: normal; } + blockquote strong { - font-weight: bolder; + font-weight: bolder; } + blockquote:before { - content: "“"; - font-size: 1.25rem; - line-height: 1.7; - position: absolute; - left: -12px; -} -blockquote .wp-block-quote__citation { - color: #28303d; - font-size: 1rem; - font-style: normal; -} -blockquote cite { - color: #28303d; - font-size: 1rem; - font-style: normal; + 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; + color: #28303d; + font-size: 1rem; + font-style: normal; } @media only screen and (max-width: 481px) { - blockquote { - padding-left: 13px; - } - blockquote:before { - left: 0; - } + + blockquote { + padding-left: 13px; + } + + blockquote:before { + left: 0; + } } img { - height: auto; - max-width: 100%; - vertical-align: middle; + height: auto; + vertical-align: middle; } /* Classic editor images */ -.entry-content img { - max-width: 100%; -} /* Make sure embeds and iframes fit their containers. */ +img, +.entry-content img, embed, iframe, object, video { - max-width: 100%; + max-width: 100%; } /* Media captions */ -figcaption { - color: currentColor; - font-size: 1rem; - line-height: 1.7; - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} -.wp-caption { - color: currentColor; - font-size: 1rem; - line-height: 1.7; - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} -.wp-caption-text { - color: currentColor; - font-size: 1rem; - line-height: 1.7; - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} +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; + color: currentColor; + font-size: 1rem; + line-height: 1.7; + margin-top: 10px; + margin-bottom: 20px; + text-align: center; } -.alignleft figcaption, .alignright figcaption, + +.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; + 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; + 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%; + 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%; + 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%; } /* @@ -281,236 +286,266 @@ select:focus { * maybe Chrome will support it soon. */ a { - cursor: pointer; - color: #28303d; - text-underline-offset: 3px; - text-decoration-skip-ink: all; + cursor: pointer; + color: #28303d; + text-underline-offset: 3px; + text-decoration-skip-ink: all; } a:hover { - text-decoration-style: dotted; - text-decoration-skip-ink: none; + 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); + + /* 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; + 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; + 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; + 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; + 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; + + /* 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; + color: #21759b; + background-color: #f1f1f1; } + .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { - background: none; + background: none; } + .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { - outline: 2px dotted #28303d; + 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; + 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; + color: #d1e4dd; } + .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + 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: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; + 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; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; } /** * Block Options */ -[data-block].wp-block-buttons { - margin-top: 0; - margin-bottom: 0; -} -[data-block].wp-block-buttons .wp-block-button:first-child { - margin-top: 30px; -} -[data-block].wp-block-buttons .wp-block-button:last-child { - margin-bottom: 30px; +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.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; + 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; + color: #28303d; } + .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + 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; + 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; + 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; + 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), +.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; + color: #28303d; } + .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + 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; + color: inherit; } + .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: transparent; + 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; + 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; + 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; + 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; + background-color: #28303d !important; + color: #d1e4dd !important; } + .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { - color: #d1e4dd !important; + color: #d1e4dd !important; } + .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { - color: #d1e4dd !important; + color: #d1e4dd !important; } + .wp-block-button.is-style-outline .wp-block-button__link:focus { - outline-offset: inherit; - outline: inherit; + outline-offset: inherit; + outline: inherit; } + .wp-block-button.is-style-squared { - border-radius: 0; + border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius], .wp-block-button__link[style*=radius] { - outline-offset: 2px; + outline-offset: 2px; } .wp-block-code code { - white-space: pre !important; - overflow-x: auto; + 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 { - background-color: #000; - min-height: 450px; - margin-top: inherit; - margin-bottom: inherit; + 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; + 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; + clear: both; } + [data-align=full] .wp-block-cover, [data-align=full] .wp-block-cover-image { - margin-top: 0; - margin-bottom: 0; + 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; + 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; + 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.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; + 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, @@ -518,9 +553,7 @@ a:hover { .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-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, @@ -529,1863 +562,1931 @@ a:hover { .wp-block-cover-image .wp-block-cover-image-text a, .wp-block-cover-image .wp-block-cover-text a, .wp-block-cover-image .block-editor-block-list__block a { - color: currentColor; -} -.wp-block-cover .wp-block-cover__inner-container .has-link-color a { - color: #28303d; -} -.wp-block-cover .wp-block-cover-image-text .has-link-color a { - color: #28303d; -} -.wp-block-cover .wp-block-cover-text .has-link-color a { - color: #28303d; -} -.wp-block-cover .block-editor-block-list__block .has-link-color a { - color: #28303d; -} -.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a { - color: #28303d; -} -.wp-block-cover-image .wp-block-cover-image-text .has-link-color a { - color: #28303d; -} -.wp-block-cover-image .wp-block-cover-text .has-link-color a { - color: #28303d; + 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; + color: #28303d; } + .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container { - color: #fff; + color: #fff; } + .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text { - color: #fff; + color: #fff; } + .wp-block-cover:not([class*=background-color]) .wp-block-cover-text { - color: #fff; + color: #fff; } + .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block { - color: #fff; + color: #fff; } + .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container { - color: #fff; + color: #fff; } + .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text { - color: #fff; + color: #fff; } + .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { - color: #fff; + color: #fff; } + .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block { - color: #fff; + color: #fff; } + .wp-block-cover h2 { - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; - padding: 0; - max-width: inherit; - text-align: inherit; + 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; - } +@media only screen and (min-width: 652px) { + + .wp-block-cover h2 { + font-size: 3rem; + } } + .wp-block-cover-image h2 { - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; - padding: 0; - max-width: inherit; - text-align: inherit; + 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; - } +@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; + text-align: left; } + .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { - text-align: center; + text-align: center; } + .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { - text-align: right; -} -.wp-block-cover.is-style-twentytwentyone-border { - border: 3px solid #28303d; + text-align: right; } + +.wp-block-cover.is-style-twentytwentyone-border, .wp-block-cover-image.is-style-twentytwentyone-border { - border: 3px solid #28303d; + 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; + background-color: unset; } .wp-block-columns:not(.alignwide):not(.alignfull) { - clear: both; + clear: both; } + .wp-block-columns .wp-block, .wp-block-columns .wp-block-column { - max-width: inherit; + max-width: inherit; } + .wp-block-columns > .wp-block-column > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) { - margin-bottom: 0; + 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; + +.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-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; + padding-left: 20px; + padding-right: 20px; } + .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } .wp-block-file .wp-block-file__textlink { - text-decoration: underline; - text-decoration-style: solid; - text-decoration-thickness: 1px; + 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; + 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; + 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; + color: #d1e4dd; } + .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + 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: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; + 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; + 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; + outline-offset: inherit; + outline: inherit; } .wp-block-gallery figcaption { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-gallery figcaption a { - color: #fff; + color: #fff; } .wp-block-group { - display: block; - clear: both; - display: flow-root; + display: block; + clear: both; + display: flow-root; } -.wp-block-group:before, .wp-block-group:after { - content: ""; - display: block; - clear: both; + +.wp-block-group:before, +.wp-block-group:after { + content: ""; + display: block; + clear: both; } + .wp-block-group.has-background { - padding: 30px; + padding: 30px; } + [data-align=full] .wp-block-group.has-background { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-group.is-style-twentytwentyone-border { - border: 3px solid #28303d; - padding: 30px; + 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; + 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; + margin-top: 0; } + .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) { - margin-bottom: 0; + 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.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 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h1 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h1 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.wp-block-heading h2 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h2 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h2 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.wp-block-heading h3 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h3 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h3 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.wp-block-heading h4 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h4 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h4 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.wp-block-heading h5 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h5 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h5 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.wp-block-heading h6 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h6 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; + 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 { - font-weight: 600; -} -h1 strong { - font-weight: 600; -} -.h1 strong { - font-weight: 600; -} -.wp-block-heading h2 strong { - font-weight: 600; -} -h2 strong { - font-weight: 600; -} -.h2 strong { - font-weight: 600; -} -.wp-block-heading h3 strong { - font-weight: 600; -} -h3 strong { - font-weight: 600; -} -.h3 strong { - font-weight: 600; -} -.wp-block-heading h4 strong { - font-weight: 600; -} -h4 strong { - font-weight: 600; -} -.h4 strong { - font-weight: 600; -} -.wp-block-heading h5 strong { - font-weight: 600; -} -h5 strong { - font-weight: 600; -} -.h5 strong { - font-weight: 600; -} -.wp-block-heading h6 strong { - font-weight: 600; -} -h6 strong { - font-weight: 600; + 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; + font-weight: 600; } + .wp-block-heading h1[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + h1[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .h1[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .wp-block-heading h2[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + h2[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .h2[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .wp-block-heading h3[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + h3[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .h3[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .wp-block-heading h4[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + h4[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .h4[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .wp-block-heading h5[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + h5[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .h5[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .wp-block-heading h6[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + h6[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } + .h6[style*="--wp--typography--line-height"] { - line-height: 1.7; + line-height: 1.7; } .wp-block-heading h1 { - font-size: 4rem; - letter-spacing: normal; - line-height: 1.1; + font-size: 4rem; + letter-spacing: normal; + line-height: 1.1; } -@media only screen and (min-width: 652px){ - .wp-block-heading h1{ - font-size: 6rem; - } +@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; + font-size: 4rem; + letter-spacing: normal; + line-height: 1.1; } -@media only screen and (min-width: 652px){ - h1{ - font-size: 6rem; - } +@media only screen and (min-width: 652px) { + + h1 { + font-size: 6rem; + } } .h1 { - font-size: 4rem; - letter-spacing: normal; - line-height: 1.1; + font-size: 4rem; + letter-spacing: normal; + line-height: 1.1; } -@media only screen and (min-width: 652px){ - .h1{ - font-size: 6rem; - } +@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; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - .wp-block-heading h2{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + .wp-block-heading h2 { + font-size: 3rem; + } } h2 { - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - h2{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + h2 { + font-size: 3rem; + } } .h2 { - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - .h2{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + .h2 { + font-size: 3rem; + } } .wp-block-heading h3 { - font-size: 2rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - .wp-block-heading h3{ - font-size: 2rem; - } +@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; + font-size: 2rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - h3{ - font-size: 2rem; - } +@media only screen and (min-width: 652px) { + + h3 { + font-size: 2rem; + } } .h3 { - font-size: 2rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - .h3{ - font-size: 2rem; - } -} - -.wp-block-heading h4 { - font-size: 1.5rem; - font-weight: 600; - letter-spacing: normal; - line-height: 1.3; -} - -h4 { - font-size: 1.5rem; - font-weight: 600; - letter-spacing: normal; - line-height: 1.3; +@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 { - font-size: 1.125rem; - font-weight: 600; - letter-spacing: 0.05em; - line-height: 1.3; -} - -h5 { - font-size: 1.125rem; - font-weight: 600; - letter-spacing: 0.05em; - line-height: 1.3; + 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 { - font-size: 1rem; - font-weight: 600; - letter-spacing: 0.05em; - line-height: 1.3; -} - -h6 { - font-size: 1rem; - font-weight: 600; - letter-spacing: 0.05em; - line-height: 1.3; + 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; + 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; + color: #28303d; + border-radius: 0; + padding: 20px; } /* Center image block by default in the editor */ -.wp-block-image > div { - text-align: center; +.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; + margin: 0 auto; } /* Block Styles */ -.wp-block-image.is-style-twentytwentyone-border img { - border: 3px solid #28303d; -} +.wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { - border: 3px solid #28303d; + border: 3px solid #28303d; } .wp-block-image.is-style-twentytwentyone-image-frame img { - padding: 20px; -} - -.wp-block-latest-comments { - padding-left: 0; + padding: 20px; } +.wp-block-latest-comments, .wp-block-latest-posts { - padding-left: 0; + padding-left: 0; } + .wp-block-latest-posts:not(.is-grid) > li { - margin-top: 50px; - margin-bottom: 50px; + margin-top: 50px; + margin-bottom: 50px; } + .wp-block-latest-posts:not(.is-grid) > li:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-latest-posts:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-latest-posts.is-grid { - word-wrap: break-word; - word-break: break-word; + word-wrap: break-word; + word-break: break-word; } + .wp-block-latest-posts.is-grid > li { - margin-bottom: 30px; + margin-bottom: 30px; } + .wp-block-latest-posts.is-grid > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-latest-posts > li > * { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } + .wp-block-latest-posts > li > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-latest-posts > li > *:last-child { - margin-bottom: 0; + 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; + 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; - } +@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; + 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; + color: #28303d; + font-size: 1rem; + line-height: 1.7; } -[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { - color: currentColor; -} -.wp-block-latest-posts .wp-block-latest-posts__post-excerpt { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.125rem; - line-height: 1.7; - margin-top: 20px; + +[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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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-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; + 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; + 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; + margin-top: 25px; + margin-bottom: 25px; } .gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; } + .gallery-columns-2 .gallery-item { - max-width: 50%; + max-width: 50%; } + .gallery-columns-3 .gallery-item { - max-width: 33.33%; + max-width: 33.33%; } + .gallery-columns-4 .gallery-item { - max-width: 25%; + max-width: 25%; } + .gallery-columns-5 .gallery-item { - max-width: 20%; + max-width: 20%; } + .gallery-columns-6 .gallery-item { - max-width: 16.66%; + max-width: 16.66%; } + .gallery-columns-7 .gallery-item { - max-width: 14.28%; + max-width: 14.28%; } + .gallery-columns-8 .gallery-item { - max-width: 12.5%; + max-width: 12.5%; } + .gallery-columns-9 .gallery-item { - max-width: 11.11%; + max-width: 11.11%; } .gallery-caption { - display: block; -} - -ul { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - margin: 30px 0; - padding-left: 50px; + 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; + 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; + list-style-position: inside; + padding: 0; + text-align: center; } + ul.alignright, ol.alignright { - list-style-position: inside; - padding: 0; - text-align: right; + list-style-position: inside; + padding: 0; + text-align: right; } li > ul, li > ol { - margin: 0; + margin: 0; } dt { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: bold; + 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; + margin-top: 0; + margin-bottom: 0; } -.wp-block-navigation [data-block] { - margin-top: revert; - margin-bottom: revert; +.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 .wp-block-navigation__container { - background: #d1e4dd; + background: #d1e4dd; + padding: 0; } + +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { + padding: 13px; +} + .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - font-weight: normal; + 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); + 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; + color: #28303d; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { - color: #28303d; + color: #28303d; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { - color: currentColor; + color: currentColor; } p { - line-height: 1.7; + line-height: 1.7; } + p.has-background { - padding: 20px; + padding: 20px; } pre.wp-block-preformatted { - overflow-x: auto; - white-space: pre !important; - font-size: 1rem; + 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; + 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; + 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; + 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; - } +@media only screen and (min-width: 652px) { + + .wp-block-pullquote p { + font-size: 2rem; + } } + .wp-block-pullquote a { - color: currentColor; -} -.wp-block-pullquote .wp-block-pullquote__citation { - font-size: 1rem; - font-style: normal; - text-transform: none; -} -.wp-block-pullquote cite { - font-size: 1rem; - font-style: normal; - text-transform: none; + 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; + font-size: 1rem; + font-style: normal; + text-transform: none; } + .wp-block-pullquote:not(.is-style-solid-color) { - background: none; + 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; + 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 { + padding: 100px; + } } + .wp-block-pullquote.is-style-solid-color blockquote::before { - text-align: left; -} -.wp-block-pullquote.is-style-solid-color.alignleft blockquote { - padding-left: 20px; - padding-right: 20px; - max-width: inherit; + 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; + padding-left: 20px; + padding-right: 20px; + max-width: inherit; } + .wp-block-pullquote.is-style-solid-color blockquote { - margin: 0; - max-width: 100%; + margin: 0; + max-width: 100%; } + .wp-block-pullquote.is-style-solid-color blockquote p { - font-size: 2rem; + font-size: 2rem; } -@media only screen and (min-width: 652px){ - .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; + color: currentColor; } .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { - padding: 0 40px; + padding: 0 40px; } .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color { - padding: 20px; + padding: 20px; } .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color { - padding: 20px; + padding: 20px; } .wp-block-query.has-background { - padding: 20px; + padding: 20px; } @media only screen and (min-width: 482px) { - .wp-block-query.has-background { - padding: 30px; - } + + .wp-block-query.has-background { + padding: 30px; + } } .wp-block-quote { - position: relative; - border-left: none; - margin: 30px auto 30px 25px; + 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; + 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; + font-weight: bolder; } + .wp-block-quote:before { - content: "“"; - font-size: 1.25rem; - line-height: 1.7; - left: -12px; + content: "“"; + font-size: 1.25rem; + line-height: 1.7; + left: -12px; } + .wp-block-quote .wp-block-quote__citation { - color: #28303d; - font-size: 1rem; - font-style: normal; + 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; + +.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; + margin: 30px 25px 30px auto; + padding-right: 0; + border-right: none; } + .wp-block-quote.has-text-align-right:before { - display: none; + 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; + 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; + margin: 30px auto; } + .wp-block-quote.has-text-align-center:before { - display: none; -} -.wp-block-quote.is-large { - padding-left: 0; - /* Resetting margins to match _block-container.scss */ - margin-top: 30px; - margin-bottom: 30px; + 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; + 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; + 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; - } +@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; + 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; - } +@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; + 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; - } +@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; + 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; - } +@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: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; + 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; - } +@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; + 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 (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 { - padding-left: 25px; - } - .wp-block-quote.is-style-large { - padding-left: 25px; - } - .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { - left: 0; - } - .wp-block-quote.is-large.has-text-align-right { - padding-left: 0; - padding-right: 25px; - } - .wp-block-quote.is-style-large.has-text-align-right { - padding-left: 0; - padding-right: 25px; - } - .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { - right: 0; - } + + .wp-block-quote.is-large, + .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; - } + + .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-quote { + margin-left: auto; + } + + .wp-block-quote.has-text-align-right { + margin-right: auto; + } } .wp-block-rss { - padding-left: 0; + padding-left: 0; } + .wp-block-rss > li { - list-style: none; + list-style: none; } + .wp-block-rss:not(.is-grid) > li { - margin-top: 50px; - margin-bottom: 50px; + margin-top: 50px; + margin-bottom: 50px; } + .wp-block-rss:not(.is-grid) > li:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-rss:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-rss.is-grid > li { - margin-bottom: 30px; + margin-bottom: 30px; } + .wp-block-rss.is-grid > li:last-child { - margin-bottom: 0; + 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.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; + margin-top: 10px; + margin-bottom: 10px; } + .wp-block-rss > li > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-rss > li > *:last-child { - margin-bottom: 0; + 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; + 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; - } +@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; + 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; + color: #28303d; + font-size: 1rem; + line-height: 1.7; } -[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { - color: currentColor; -} -.wp-block-rss .wp-block-rss__item-excerpt { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.125rem; - line-height: 1.7; - margin-top: 20px; + +[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; + 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; + 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; + +.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); + 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: 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); - } +@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 { - 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; + 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 { - background: rgba(255, 255, 255, 0.9); + 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 { - border-color: #28303d !important; + 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; + 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; + 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; + 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; + 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; + color: #28303d; } + .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + 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; + 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: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; + 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; + 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; + padding: 6px 15px; + display: inherit; } + .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { - width: 40px; - height: 40px; + 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; + 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; + 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; + color: #28303d !important; } + .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { - color: #28303d !important; + color: #28303d !important; } + .wp-block-search .wp-block-search__button.wp-block-search__button:focus { - outline-offset: inherit; - outline: inherit; + outline-offset: inherit; + outline: inherit; } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { - padding: 3px; + padding: 3px; } + .wp-block-search.wp-block-search__button-inside .wp-block-search__input { - border: none; + border: none; } + .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover { - color: #28303d; + 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 { - color: #28303d; + 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; + 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; + 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; + 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; + padding: 15px 30px; } .wp-block[data-align=center] > * { - text-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 { - border-bottom: 1px solid #28303d; - clear: both; - opacity: 1; + justify-content: center; } +.wp-block-separator, hr { - border-bottom: 1px solid #28303d; - clear: both; - opacity: 1; + border-bottom: 1px solid #28303d; + clear: both; + opacity: 1; } + .wp-block-separator[style*="text-align:right"] { - border-right-color: #28303d; + border-right-color: #28303d; } + .wp-block-separator[style*="text-align: right"] { - border-right-color: #28303d; + border-right-color: #28303d; } + hr[style*="text-align:right"] { - border-right-color: #28303d; + border-right-color: #28303d; } + hr[style*="text-align: right"] { - border-right-color: #28303d; + border-right-color: #28303d; } + .wp-block-separator:not(.is-style-dots) { - max-width: calc(100vw - 30px); + 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: 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); - } +@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); + 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: 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); - } +@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] > .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 { - border-bottom-width: 3px; + max-width: inherit; } + +.wp-block-separator.is-style-twentytwentyone-separator-thick, hr.is-style-twentytwentyone-separator-thick { - border-bottom-width: 3px; + border-bottom-width: 3px; } + .wp-block-separator.is-style-dots, hr.is-style-dots { - border-bottom: none; + border-bottom: none; } -.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color, + +.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; + background-color: transparent !important; } -.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before, + +.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; + color: currentColor !important; } + .wp-block-separator.is-style-dots:before { - color: #28303d; + color: #28303d; } + hr.is-style-dots:before { - color: #28303d; + 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 .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; + border-color: currentColor; } .wp-block-social-links [data-block] { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { - color: #28303d; + color: #28303d; } + .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { - background: none; + background: none; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { - text-align: center; -} -table th { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + 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 { - padding: 10px; -} -table th { - padding: 10px; -} -.wp-block-table td { - padding: 10px; + 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 { - color: #28303d; -} -table.is-style-stripes .has-background { - color: #28303d; -} -table.is-style-stripes .has-background thead tr { - color: #28303d; -} -table.is-style-stripes .has-background tfoot tr { - color: #28303d; -} -table.is-style-stripes .has-background tbody tr { - color: #28303d; -} -.wp-block-table.is-style-regular .has-background { - color: #28303d; -} -.wp-block-table.is-style-stripes .has-background { - color: #28303d; -} -.wp-block-table.is-style-stripes .has-background thead tr { - color: #28303d; -} -.wp-block-table.is-style-stripes .has-background tfoot tr { - color: #28303d; + 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 { - border-color: #f0f0f0; + color: #28303d; } + +table.is-style-stripes, .wp-block-table.is-style-stripes { - border-color: #f0f0f0; + 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; + border-width: 0; } + table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; + background-color: #f0f0f0; } + .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; + background-color: #f0f0f0; } + table.is-style-stripes .has-background tbody tr:nth-child(odd) { - background-color: rgba(255, 255, 255, 0.9); + 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); + 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; + background: transparent; + border: 0; + text-align: center; + line-height: 2; + vertical-align: middle; } + table.wp-calendar-table th { - font-weight: bold; + font-weight: bold; } + table.wp-calendar-table thead, table.wp-calendar-table tbody { - color: currentColor; - border: 1px solid; + color: currentColor; + border: 1px solid; } + table.wp-calendar-table caption { - font-weight: bold; - text-align: left; - margin-bottom: 20px; - color: currentColor; + font-weight: bold; + text-align: left; + margin-bottom: 20px; + color: currentColor; } .wp-calendar-nav { - text-align: left; - margin-top: 10px; + text-align: left; + margin-top: 10px; } + .wp-calendar-nav svg { - height: 1em; - vertical-align: middle; + height: 1em; + vertical-align: middle; } + .wp-calendar-nav svg path { - fill: currentColor; + fill: currentColor; } + .wp-calendar-nav .wp-calendar-nav-next { - float: right; + float: right; } .wp-block-tag-cloud.aligncenter { - text-align: center; + text-align: center; } pre.wp-block-verse { - padding: 0; - color: currentColor; + padding: 0; + color: currentColor; } :root .is-extra-small-text { - font-size: 1rem; + font-size: 1rem; } :root .has-extra-small-font-size { - font-size: 1rem; + font-size: 1rem; } + :root .is-small-text { - font-size: 1.125rem; + font-size: 1.125rem; } + :root .has-small-font-size { - font-size: 1.125rem; + font-size: 1.125rem; } + :root .is-regular-text { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .has-regular-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .is-normal-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .has-normal-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .has-medium-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .is-large-text { - font-size: 1.5rem; - line-height: 1.3; + font-size: 1.5rem; + line-height: 1.3; } + :root .has-large-font-size { - font-size: 1.5rem; - line-height: 1.3; + font-size: 1.5rem; + line-height: 1.3; } + :root .is-larger-text { - font-size: 2.5rem; - line-height: 1.3; + font-size: 2.5rem; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - :root .is-larger-text{ - font-size: 2.5rem; - } +@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; + font-size: 2.5rem; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - :root .has-larger-font-size{ - font-size: 2.5rem; - } +@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; + font-size: 2.5rem; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - :root .is-extra-large-text{ - font-size: 2.5rem; - } +@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; + 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; - } +@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; + font-size: 6rem; + line-height: 1.3; + font-weight: 300; } -@media only screen and (min-width: 652px){ - :root .is-huge-text{ - font-size: 6rem; - } +@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; + 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; - } +@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; + font-size: 9rem; + line-height: 1.3; + font-weight: 300; } -@media only screen and (min-width: 652px){ - :root .is-gigantic-text{ - font-size: 9rem; - } +@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; + 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; - } +@media only screen and (min-width: 652px) { + + :root .has-gigantic-font-size { + font-size: 9rem; + } } /** @@ -2393,268 +2494,297 @@ pre.wp-block-verse { * - 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); + 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: 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); - } +@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; + 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; - } +@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; + 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; + color: #28303d; } .has-secondary-color[class] { - color: #39414d; + color: #39414d; } .has-primary-background-color[class] { - background-color: #28303d; - color: #d1e4dd; + background-color: #28303d; + color: #d1e4dd; } .has-secondary-background-color[class] { - background-color: #39414d; - color: #d1e4dd; + background-color: #39414d; + color: #d1e4dd; } .has-white-background-color[class] { - color: #39414d; + color: #39414d; } .has-black-background-color[class] { - color: #28303d; + color: #28303d; } [data-block] { - margin-top: 30px; - margin-bottom: 30px; + 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; - } + max-width: calc(100vw - 30px); } @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 { + 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; + border: none; } .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { - left: 5px; + left: 5px; } html { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - line-height: 1.7; + line-height: 1.7; +} + +html, +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } body { - color: #28303d; - background-color: #d1e4dd; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - font-weight: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; + 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; + color: #28303d; } + .wp-block a:hover { - text-decoration-style: dotted; + text-decoration-style: dotted; } + .wp-block a:focus { - outline: 2px solid #28303d; - text-decoration: none; -} - -.has-background .has-link-color a { - color: #28303d; + outline: 2px solid #28303d; + text-decoration: none; } +.has-background .has-link-color a, .has-background.has-link-color a { - color: #28303d; + color: #28303d; } button, a { - cursor: pointer; + cursor: pointer; } .has-black-color[class] { - color: #000; + color: #000; } + .has-black-color[class] > [class*=__inner-container] { - color: #000; + color: #000; } .has-gray-color[class] { - color: #39414d; + color: #39414d; } + .has-gray-color[class] > [class*=__inner-container] { - color: #39414d; + color: #39414d; } .has-dark-gray-color[class] { - color: #28303d; + color: #28303d; } + .has-dark-gray-color[class] > [class*=__inner-container] { - color: #28303d; + color: #28303d; } .has-green-color[class] { - color: #d1e4dd; + color: #d1e4dd; } + .has-green-color[class] > [class*=__inner-container] { - color: #d1e4dd; + color: #d1e4dd; } .has-blue-color[class] { - color: #d1dfe4; + color: #d1dfe4; } + .has-blue-color[class] > [class*=__inner-container] { - color: #d1dfe4; + color: #d1dfe4; } .has-purple-color[class] { - color: #d1d1e4; + color: #d1d1e4; } + .has-purple-color[class] > [class*=__inner-container] { - color: #d1d1e4; + color: #d1d1e4; } .has-red-color[class] { - color: #e4d1d1; + color: #e4d1d1; } + .has-red-color[class] > [class*=__inner-container] { - color: #e4d1d1; + color: #e4d1d1; } .has-orange-color[class] { - color: #e4dad1; + color: #e4dad1; } + .has-orange-color[class] > [class*=__inner-container] { - color: #e4dad1; + color: #e4dad1; } .has-yellow-color[class] { - color: #eeeadd; + color: #eeeadd; } + .has-yellow-color[class] > [class*=__inner-container] { - color: #eeeadd; + color: #eeeadd; } .has-white-color[class] { - color: #fff; + color: #fff; } + .has-white-color[class] > [class*=__inner-container] { - color: #fff; + color: #fff; } .has-background a, @@ -2665,179 +2795,205 @@ a { .has-background h4, .has-background h5, .has-background h6 { - color: currentColor; + color: currentColor; } .has-black-background-color[class] { - background-color: #000; + background-color: #000; } + .has-black-background-color[class] > [class*=__inner-container] { - background-color: #000; + background-color: #000; } .has-dark-gray-background-color[class] { - background-color: #28303d; + background-color: #28303d; } + .has-dark-gray-background-color[class] > [class*=__inner-container] { - background-color: #28303d; + background-color: #28303d; } .has-gray-background-color[class] { - background-color: #39414d; + background-color: #39414d; } + .has-gray-background-color[class] > [class*=__inner-container] { - background-color: #39414d; + background-color: #39414d; } .has-light-gray-background-color[class] { - background-color: #f0f0f0; + background-color: #f0f0f0; } + .has-light-gray-background-color[class] > [class*=__inner-container] { - background-color: #f0f0f0; + background-color: #f0f0f0; } .has-green-background-color[class] { - background-color: #d1e4dd; + background-color: #d1e4dd; } + .has-green-background-color[class] > [class*=__inner-container] { - background-color: #d1e4dd; + background-color: #d1e4dd; } .has-blue-background-color[class] { - background-color: #d1dfe4; + background-color: #d1dfe4; } + .has-blue-background-color[class] > [class*=__inner-container] { - background-color: #d1dfe4; + background-color: #d1dfe4; } .has-purple-background-color[class] { - background-color: #d1d1e4; + background-color: #d1d1e4; } + .has-purple-background-color[class] > [class*=__inner-container] { - background-color: #d1d1e4; + background-color: #d1d1e4; } .has-red-background-color[class] { - background-color: #e4d1d1; + background-color: #e4d1d1; } + .has-red-background-color[class] > [class*=__inner-container] { - background-color: #e4d1d1; + background-color: #e4d1d1; } .has-orange-background-color[class] { - background-color: #e4dad1; + background-color: #e4dad1; } + .has-orange-background-color[class] > [class*=__inner-container] { - background-color: #e4dad1; + background-color: #e4dad1; } .has-yellow-background-color[class] { - background-color: #eeeadd; + background-color: #eeeadd; } + .has-yellow-background-color[class] > [class*=__inner-container] { - background-color: #eeeadd; + background-color: #eeeadd; } .has-white-background-color[class] { - background-color: #fff; + background-color: #fff; } + .has-white-background-color[class] > [class*=__inner-container] { - background-color: #fff; + background-color: #fff; } .has-background:not(.has-text-color).has-black-background-color[class] { - color: #fff; + color: #fff; } .has-background:not(.has-text-color).has-gray-background-color[class] { - color: #fff; + color: #fff; } .has-background:not(.has-text-color).has-dark-gray-background-color[class] { - color: #fff; + 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-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-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-dark-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; } + .has-background:not(.has-text-color).has-green-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-blue-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-purple-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-red-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-orange-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-yellow-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-white-background-color[class] { - color: #28303d; + 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-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-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-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-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-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-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-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); + background: linear-gradient(160deg, #d1d1e4, #eeeadd); } .has-yellow-to-purple-gradient-background { - background: linear-gradient(160deg, #eeeadd, #d1d1e4); + background: linear-gradient(160deg, #eeeadd, #d1d1e4); } .has-green-to-yellow-gradient-background { - background: linear-gradient(160deg, #d1e4dd, #eeeadd); + background: linear-gradient(160deg, #d1e4dd, #eeeadd); } .has-yellow-to-green-gradient-background { - background: linear-gradient(160deg, #eeeadd, #d1e4dd); + background: linear-gradient(160deg, #eeeadd, #d1e4dd); } .has-red-to-yellow-gradient-background { - background: linear-gradient(160deg, #e4d1d1, #eeeadd); + background: linear-gradient(160deg, #e4d1d1, #eeeadd); } .has-yellow-to-red-gradient-background { - background: linear-gradient(160deg, #eeeadd, #e4d1d1); + background: linear-gradient(160deg, #eeeadd, #e4d1d1); } .has-purple-to-red-gradient-background { - background: linear-gradient(160deg, #d1d1e4, #e4d1d1); + background: linear-gradient(160deg, #d1d1e4, #e4d1d1); } .has-red-to-purple-gradient-background { - background: linear-gradient(160deg, #e4d1d1, #d1d1e4); + background: linear-gradient(160deg, #e4d1d1, #d1d1e4); } - -/*# sourceMappingURL=ie-editor.css.map */ \ No newline at end of file diff --git a/wp-content/themes/twentytwentyone/assets/css/ie.css b/wp-content/themes/twentytwentyone/assets/css/ie.css index 6a2709f6f6..53aabc38f4 100644 --- a/wp-content/themes/twentytwentyone/assets/css/ie.css +++ b/wp-content/themes/twentytwentyone/assets/css/ie.css @@ -1,4 +1,5 @@ @charset "UTF-8"; + /* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ @@ -6,9 +7,9 @@ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 -Tested up to: 5.8 +Tested up to: 6.0 Requires PHP: 5.6 -Version: 1.4 +Version: 1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone @@ -17,6 +18,7 @@ Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, 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. @@ -64,7 +66,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. - * Spacer...............Specific styles for the spacer block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. @@ -92,62 +93,90 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * 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 */ + + /* 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 */ + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ + /** * Remove the margin in all browsers. */ body { - margin: 0; + margin: 0; } /** * Render the `main` element consistently in IE. */ main { - display: block; + display: block; } /** @@ -155,23 +184,21 @@ main { * `article` contexts in Chrome, Firefox, and Safari. */ h1 { - font-size: 2em; - margin: 0.67em 0; + 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 */ + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -179,20 +206,19 @@ hr { * 2. Correct the odd `em` font sizing in all browsers. */ pre { - font-family: monospace; - /* 1 */ - font-size: 1em; - /* 2 */ + 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; + background-color: transparent; + text-decoration-thickness: 1px; } /** @@ -200,12 +226,9 @@ a { * 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 */ + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration-style: dotted; /* 2 */ } /** @@ -213,7 +236,7 @@ abbr[title] { */ b, strong { - font-weight: bolder; + font-weight: bolder; } /** @@ -223,17 +246,15 @@ strong { code, kbd, samp { - font-family: monospace; - /* 1 */ - font-size: 1em; - /* 2 */ + font-family: monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { - font-size: 80%; + font-size: 80%; } /** @@ -242,31 +263,33 @@ small { */ sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* Embedded content ========================================================================== */ + /** * Remove the border on images inside links in IE 10. */ img { - border-style: none; + border-style: none; } /* Forms ========================================================================== */ + /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. @@ -276,14 +299,10 @@ input, optgroup, select, textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ } /** @@ -291,9 +310,8 @@ textarea { * 1. Show the overflow in Edge. */ button, -input { - /* 1 */ - overflow: visible; +input { /* 1 */ + overflow: visible; } /** @@ -301,9 +319,8 @@ input { * 1. Remove the inheritance of text transform in Firefox. */ button, -select { - /* 1 */ - text-transform: none; +select { /* 1 */ + text-transform: none; } /** @@ -313,7 +330,7 @@ button, [type=button], [type=reset], [type=submit] { - -webkit-appearance: button; + -webkit-appearance: button; } /** @@ -323,8 +340,8 @@ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; + border-style: none; + padding: 0; } /** @@ -334,14 +351,14 @@ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; + outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { - padding: 0.35em 0.75em 0.625em; + padding: 0.35em 0.75em 0.625em; } /** @@ -351,32 +368,26 @@ fieldset { * `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 */ + 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; + vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { - overflow: auto; + overflow: auto; } /** @@ -385,10 +396,8 @@ textarea { */ [type=checkbox], [type=radio] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -396,7 +405,7 @@ textarea { */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { - height: auto; + height: auto; } /** @@ -404,17 +413,15 @@ textarea { * 2. Correct the outline style in Safari. */ [type=search] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ + -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; + -webkit-appearance: none; } /** @@ -422,404 +429,456 @@ textarea { * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive ========================================================================== */ + /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { - display: block; + display: block; } /* * Add the correct display in all browsers. */ summary { - display: list-item; + display: list-item; } /* Misc ========================================================================== */ + /** * Add the correct display in IE 10+. */ template { - display: none; + display: none; } /** * Add the correct display in IE 10. */ [hidden] { - display: none; + display: none; } /** * Responsive Styles */ + /** * Required Variables */ + /** * Root Media Query Variables */ + /** * Extends */ .post-thumbnail { - max-width: calc(100vw - 30px); + 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: 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); - } +@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; + 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: 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); - } +@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):not(.woocommerce) { - max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; + +.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):not(.woocommerce){ - max-width: min(calc(100vw - 100px), 610px); - } +@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):not(.woocommerce){ - max-width: min(calc(100vw - 200px), 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):not(.woocommerce) { - max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; + +*[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):not(.woocommerce){ - max-width: min(calc(100vw - 100px), 610px); - } +@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):not(.woocommerce){ - max-width: min(calc(100vw - 200px), 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; + 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: 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); - } +@media only screen and (min-width: 822px) { + + .default-max-width { + max-width: min(calc(100vw - 200px), 610px); + } } .widget-area { - max-width: calc(100vw - 30px); + 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: 482px) { + + .widget-area { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .widget-area{ - max-width: min(calc(100vw - 200px), 1240px); - } +@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; + 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: 482px) { + + .pagination { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .pagination{ - max-width: min(calc(100vw - 200px), 1240px); - } +@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; + 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: 482px) { + + .comments-pagination { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .comments-pagination{ - max-width: min(calc(100vw - 200px), 1240px); - } +@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; + 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: 482px) { + + .post-navigation { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .post-navigation{ - max-width: min(calc(100vw - 200px), 1240px); - } +@media only screen and (min-width: 822px) { + + .post-navigation { + max-width: min(calc(100vw - 200px), 1240px); + } } .site-footer { - max-width: calc(100vw - 30px); + 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: 482px) { + + .site-footer { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .site-footer{ - max-width: min(calc(100vw - 200px), 1240px); - } +@media only screen and (min-width: 822px) { + + .site-footer { + max-width: min(calc(100vw - 200px), 1240px); + } } .site-header { - max-width: calc(100vw - 30px); + 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: 482px) { + + .site-header { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .site-header{ - max-width: min(calc(100vw - 200px), 1240px); - } +@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; + 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: 482px) { + + .alignwide { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .alignwide{ - max-width: min(calc(100vw - 200px), 1240px); - } +@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; + 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: 482px) { + + .wide-max-width { + max-width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .wide-max-width{ - max-width: min(calc(100vw - 200px), 1240px); - } +@media only screen and (min-width: 822px) { + + .wide-max-width { + max-width: min(calc(100vw - 200px), 1240px); + } } .alignfull { - max-width: 100%; - width: 100%; - margin-left: auto; - margin-right: auto; + 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; + 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; + max-width: 100%; + width: 100%; + margin-left: auto; + margin-right: auto; } @media only screen and (min-width: 482px) { - .alignfull { - max-width: 100%; - width: auto; - margin-left: auto; - margin-right: auto; - } - .full-max-width { - max-width: 100%; - width: auto; - margin-left: auto; - margin-right: auto; - } + + .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%; + 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: 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); - } +@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%; + 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: 482px) { + + .singular .post-thumbnail { + width: calc(100vw - 100px); + } } -@media only screen and (min-width: 822px){ - .singular .post-thumbnail{ - width: min(calc(100vw - 200px), 1240px); - } +@media only screen and (min-width: 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%; + 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: 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); - } +@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%; + 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: 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: 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(50vw - min(calc(100vw - 4 * 25px), 610px)*1); - /*rtl:ignore*/ - margin-right: 25px; - } - @media only screen and (min-width: 482px){ - .entry-content > .alignleft{ - margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1); - } - } - @media only screen and (min-width: 822px){ - .entry-content > .alignleft{ - margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1); - } - } + + .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(50vw - min(calc(100vw - 4 * 25px), 610px)*1); - } - @media only screen and (min-width: 482px){ - .entry-content > .alignright{ - margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1); - } - } - @media only screen and (min-width: 822px){ - .entry-content > .alignright{ - margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1); - } - } + + .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 * @@ -828,43 +887,30 @@ template { * - `--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 { - padding-top: 30px; - padding-bottom: 30px; - margin-left: auto; - margin-right: auto; -} -.site-main { - padding-top: 30px; - padding-bottom: 30px; - margin-left: auto; - margin-right: auto; -} -.widget-area { - padding-top: 30px; - padding-bottom: 30px; - margin-left: auto; - margin-right: auto; -} +.site-header, +.site-main, +.widget-area, .site-footer { - padding-top: 30px; - padding-bottom: 30px; - margin-left: auto; - margin-right: auto; + padding-top: 30px; + padding-bottom: 30px; + margin-left: auto; + margin-right: auto; } .site-header { - padding-top: 23px; - padding-bottom: 60px; + padding-top: 23px; + padding-bottom: 60px; } @media only screen and (min-width: 482px) { - .site-header { - padding-bottom: 90px; - } + + .site-header { + padding-bottom: 90px; + } } /** @@ -872,58 +918,43 @@ template { * - Add double vertical margins here for clearer hierarchy */ .site-main > * { - margin-top: 90px; - margin-bottom: 90px; + margin-top: 90px; + margin-bottom: 90px; } + .site-main > *:first-child { - margin-top: 0; + margin-top: 0; } + .site-main > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } /** * Set the default maximum responsive content-width */ + /** * Set the wide maximum responsive content-width */ + /** * Set the full maximum responsive content-width */ + /* * Block & non-gutenberg content wrappers * - Set margins */ -.entry-header { - margin-top: 30px; - margin-right: auto; - margin-bottom: 30px; - margin-left: auto; -} -.post-thumbnail { - margin-top: 30px; - margin-right: auto; - margin-bottom: 30px; - margin-left: auto; -} -.entry-content { - margin-top: 30px; - margin-right: auto; - margin-bottom: 30px; - margin-left: auto; -} -.entry-footer { - margin-top: 30px; - margin-right: auto; - margin-bottom: 30px; - margin-left: auto; -} +.entry-header, +.post-thumbnail, +.entry-content, +.entry-footer, .author-bio { - margin-top: 30px; - margin-right: auto; - margin-bottom: 30px; - margin-left: auto; + margin-top: 30px; + margin-right: auto; + margin-bottom: 30px; + margin-left: auto; } /* @@ -931,90 +962,105 @@ template { * - Sets spacing-vertical margin logic */ .site-main > article > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .site-main > .not-found > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .entry-content > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + [class*=inner-container] > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .wp-block-template-part > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .wp-block-post-template :where(li > *) { - margin-top: 20px; - margin-bottom: 20px; + 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 > * { + 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; + 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; + margin-bottom: 0; } .site-footer > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } .widget-area > * { - margin-top: 20px; - margin-bottom: 20px; + 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; - } + + .site-footer > * { + margin-top: 30px; + margin-bottom: 30px; + } + + .widget-area > * { + margin-top: 30px; + margin-bottom: 30px; + } } /* @@ -1022,38 +1068,44 @@ template { * - Sets spacing-unit margins */ .entry-header > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .post-thumbnail > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .page-content > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .comment-content > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .widget > * { - margin-top: 20px; - margin-bottom: 20px; + 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; + 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; + margin-bottom: 0; } /* @@ -1061,19 +1113,29 @@ template { * - Adds special margin overrides for alignment utility classes */ .entry-content > * { - /* Reset alignleft and alignright margins after alignfull */ + + /* 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 > *.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 > *:last-child, +.entry-content > *.alignfull.has-background { + margin-bottom: 0; } + .entry-content > *.alignfull + .alignleft { - margin-top: 30px; + margin-top: 30px; } + .entry-content > *.alignfull + .alignright { - margin-top: 30px; + margin-top: 30px; } /** @@ -1103,10 +1165,10 @@ h3, h4, h5, h6 { - padding: 0; - margin: 0; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; + padding: 0; + margin: 0; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; } /** @@ -1115,25 +1177,28 @@ h6 { * 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; + + /* 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; +*, +*::before, +*::after { + box-sizing: inherit; } body { - font-size: 1.25rem; - font-weight: normal; - color: #28303d; - text-align: left; - background-color: #d1e4dd; + font-size: 1.25rem; + font-weight: normal; + color: #28303d; + text-align: left; + background-color: #d1e4dd; } .clear:before, @@ -1148,9 +1213,9 @@ body { .site-content:after, .site-footer:before, .site-footer:after { - content: ""; - display: table; - table-layout: fixed; + content: ""; + display: table; + table-layout: fixed; } .clear:after, @@ -1159,328 +1224,334 @@ body { .site-header:after, .site-content:after, .site-footer:after { - clear: both; + 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; + padding: 0; + position: relative; + margin: 30px 0 30px 25px; } + blockquote > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + blockquote > *:first-child { - margin-top: 0; + margin-top: 0; } + blockquote > *:last-child { - margin-bottom: 0; + 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 { - font-weight: normal; - letter-spacing: normal; + 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; + font-weight: normal; + letter-spacing: normal; } -blockquote.alignleft, blockquote.alignright { - padding-left: inherit; -} -blockquote.alignleft p { - font-size: 1.125rem; - max-width: inherit; - width: inherit; + +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 { - font-size: 1rem; - letter-spacing: normal; -} -blockquote.alignleft footer { - font-size: 1rem; - letter-spacing: normal; -} -blockquote.alignright cite { - font-size: 1rem; - letter-spacing: normal; + 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; + font-size: 1rem; + letter-spacing: normal; } + blockquote strong { - font-weight: bolder; + font-weight: bolder; } + blockquote:before { - content: "“"; - font-size: 1.25rem; - line-height: 1.7; - position: absolute; - left: -12px; -} -blockquote .wp-block-quote__citation { - color: #28303d; - font-size: 1rem; - font-style: normal; -} -blockquote cite { - color: #28303d; - font-size: 1rem; - font-style: normal; + 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; + color: #28303d; + font-size: 1rem; + font-style: normal; } @media only screen and (max-width: 481px) { - blockquote { - padding-left: 13px; - } - blockquote:before { - left: 0; - } + + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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%; + 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; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=email]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=url]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=password]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=search]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=number]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=tel]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=date]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=month]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=week]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=time]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=datetime]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=datetime-local]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=color]:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + .site textarea:focus { - color: #28303d; - outline-offset: 2px; - outline: 2px dotted #39414d; + color: #28303d; + outline-offset: 2px; + outline: 2px dotted #39414d; } + input[type=text]:disabled, input[type=email]:disabled, input[type=url]:disabled, @@ -1496,100 +1567,119 @@ input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .site textarea:disabled { - opacity: 0.7; + opacity: 0.7; } + .is-dark-theme input[type=text] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=email] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=url] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=password] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=search] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=number] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=tel] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=date] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=month] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=week] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=time] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=datetime] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=datetime-local] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme input[type=color] { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } + .is-dark-theme .site textarea { - background: rgba(255, 255, 255, 0.9); + background: rgba(255, 255, 255, 0.9); } input[type=search]:focus { - outline-offset: -7px; + outline-offset: -7px; } + .is-dark-theme input[type=search]:focus { - outline-color: #d1e4dd; + outline-color: #d1e4dd; } input[type=color] { - padding: 5px; - height: 40px; + padding: 5px; + height: 40px; } input[type=email], input[type=url] { - /*rtl:ignore*/ - direction: ltr; + + /*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%; + 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; + 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%; + background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,") no-repeat; + background-position: right 10px top 60%; } textarea { - width: 100%; + width: 100%; } label { - font-size: 1.125rem; - font-weight: 500; - margin-bottom: 10px; + font-size: 1.125rem; + font-weight: 500; + margin-bottom: 10px; } /** @@ -1598,317 +1688,323 @@ 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=checkbox] { + -webkit-appearance: none; + -moz-appearance: none; + position: relative; + width: 25px; + height: 25px; + border: 3px solid #39414d; + background: #fff; + } - 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=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; + 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; + 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] { + -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]::-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]: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; + 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; + background: #39414d; + border-radius: 6px; } input[type=range]::-ms-fill-lower { - background: #39414d; - border-radius: 6px; + 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; + border: 3px solid #39414d; + height: 44px; + width: 44px; + border-radius: 50%; + background: #d1e4dd; + cursor: pointer; } fieldset { - display: grid; - border-color: #39414d; - padding: 25px; + display: grid; + border-color: #39414d; + padding: 25px; } + fieldset legend { - font-size: 1.5rem; + font-size: 1.5rem; } + fieldset input[type=submit] { - max-width: max-content; + max-width: max-content; } + fieldset input:not([type=submit]) { - margin-bottom: 20px; + margin-bottom: 20px; } -fieldset input[type=radio], fieldset input[type=checkbox] { - margin-bottom: 0; + +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; + 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; + font-size: 1.125rem; + padding-left: 0; + margin-bottom: 20px; } ::-moz-placeholder { - opacity: 1; + opacity: 1; } .post-password-message { - font-size: 1.5rem; + font-size: 1.5rem; } .post-password-form { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } + .post-password-form__label { - width: 100%; - margin-bottom: 0; + width: 100%; + margin-bottom: 0; } + .post-password-form input[type=password] { - flex-grow: 1; - margin-top: 10px; - margin-right: 17px; + flex-grow: 1; + margin-top: 10px; + margin-right: 17px; } + .post-password-form__submit { - margin-top: 10px; + margin-top: 10px; } @media only screen and (min-width: 592px) { - .post-password-form__submit { - margin-left: 10px; - } + + .post-password-form__submit { + margin-left: 10px; + } } img { - height: auto; - max-width: 100%; - vertical-align: middle; + height: auto; + vertical-align: middle; } /* Classic editor images */ -.entry-content img { - max-width: 100%; -} /* Make sure embeds and iframes fit their containers. */ +img, +.entry-content img, embed, iframe, object, video { - max-width: 100%; + max-width: 100%; } /* Media captions */ -figcaption { - color: currentColor; - font-size: 1rem; - line-height: 1.7; - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} -.wp-caption { - color: currentColor; - font-size: 1rem; - line-height: 1.7; - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} -.wp-caption-text { - color: currentColor; - font-size: 1rem; - line-height: 1.7; - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} +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; + color: currentColor; + font-size: 1rem; + line-height: 1.7; + margin-top: 10px; + margin-bottom: 20px; + text-align: center; } -.alignleft figcaption, .alignright figcaption, + +.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; + 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; + 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; + font-weight: 700; } dfn, cite, em, i { - font-style: italic; + font-style: italic; } pre { - white-space: pre; - overflow-x: auto; + white-space: pre; + overflow-x: auto; } /* @@ -1917,255 +2013,272 @@ pre { * maybe Chrome will support it soon. */ a { - cursor: pointer; - color: #28303d; - text-underline-offset: 3px; - text-decoration-skip-ink: all; + cursor: pointer; + color: #28303d; + text-underline-offset: 3px; + text-decoration-skip-ink: all; } a:hover { - text-decoration-style: dotted; - text-decoration-skip-ink: none; + 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); + + /* 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; + 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; + 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; + 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; + 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; + + /* 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; + color: #21759b; + background-color: #f1f1f1; } + .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { - background: none; + 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 { - color: #28303d; + outline: 2px dotted #28303d; } +.has-background .has-link-color a, .has-background.has-link-color a { - color: #28303d; + 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; + outline-offset: 5px; + outline: 2px solid #28303d; } /** * Button */ -.site .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, 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; + 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; + 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 { - 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 .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; + 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; + 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; + color: #d1e4dd; } + button:not(:hover):not(:active):not(.has-text-color) { - color: #d1e4dd; + color: #d1e4dd; } + input[type=submit]:not(:hover):not(:active):not(.has-text-color) { - color: #d1e4dd; + color: #d1e4dd; } + input[type=reset]:not(:hover):not(:active):not(.has-text-color) { - color: #d1e4dd; + color: #d1e4dd; } + .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { - color: #d1e4dd; + color: #d1e4dd; } + .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { - color: #d1e4dd; + color: #d1e4dd; } + .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { - color: #d1e4dd; + color: #d1e4dd; } + .has-background .site .button:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background button:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + color: #28303d; } + .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .has-background button:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { - color: #28303d; + color: #28303d; } + .site .button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + input[type=submit]:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + input[type=reset]:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background .site .button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background input[type=submit]:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background input[type=reset]:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } + .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + background-color: #28303d; } -.site .button:hover, .site .button:active, + +.site .button:hover, +.site .button:active, button:hover, button:active, input[type=submit]:hover, @@ -2178,10 +2291,11 @@ input[type=reset]:active, .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; + background-color: transparent; + border-color: currentColor; + color: inherit; } + .site .button:focus, button:focus, input[type=submit]:focus, @@ -2189,1448 +2303,1553 @@ 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + color: #28303d; } + .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: #28303d; + 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; + 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; + 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), +.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; + color: #28303d; } + .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { - color: #28303d; + 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; + color: inherit; } + .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: transparent; + 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; + 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; + 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; + 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; + background-color: #28303d !important; + color: #d1e4dd !important; } + .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { - color: #d1e4dd !important; + color: #d1e4dd !important; } + .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { - color: #d1e4dd !important; + color: #d1e4dd !important; } + .wp-block-button .is-style-squared .wp-block-button__link { - border-radius: 0; + border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius]:focus { - outline-offset: 2px; - outline: 2px dotted #39414d; + 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; + 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; + 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; + color: #28303d; + white-space: pre; + overflow-x: auto; + display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { - clear: both; + clear: both; } + .wp-block-columns .wp-block-column > * { - margin-top: 20px; - margin-bottom: 20px; + 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 > * { + margin-top: 30px; + margin-bottom: 30px; + } } + .wp-block-columns .wp-block-column > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-columns .wp-block-column > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-columns .wp-block-column:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } @media only screen and (min-width: 482px) { - .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: 30px; - } + + .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 .wp-block-column:not(:last-child) { + margin-bottom: 0; + } } + .wp-block-columns.is-style-twentytwentyone-columns-overlap { - justify-content: space-around; + 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.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; + padding-left: 20px; + padding-right: 20px; } + .wp-block-columns.alignfull .wp-block-column h1:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block-columns.alignfull .wp-block-column h2:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block-columns.alignfull .wp-block-column h3:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block-columns.alignfull .wp-block-column h4:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block-columns.alignfull .wp-block-column h5:not(.has-background) { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } + .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { - padding-left: 20px; - padding-right: 20px; -} - -.wp-block-cover { - background-color: #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. */ + 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. */ + 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; + 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 { - color: currentColor; - margin-top: 30px; - margin-bottom: 30px; -} -.wp-block-cover .wp-block-cover-image-text { - color: currentColor; - margin-top: 30px; - margin-bottom: 30px; -} -.wp-block-cover .wp-block-cover-text { - color: currentColor; - margin-top: 30px; - margin-bottom: 30px; -} -.wp-block-cover-image .wp-block-cover__inner-container { - color: currentColor; - margin-top: 30px; - margin-bottom: 30px; -} -.wp-block-cover-image .wp-block-cover-image-text { - color: currentColor; - margin-top: 30px; - margin-bottom: 30px; + 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; + 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 { - color: #28303d; -} -.wp-block-cover .wp-block-cover-image-text .has-link-color a { - color: #28303d; -} -.wp-block-cover .wp-block-cover-text .has-link-color a { - color: #28303d; -} -.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a { - color: #28303d; -} -.wp-block-cover-image .wp-block-cover-image-text .has-link-color a { - color: #28303d; + 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; + color: #28303d; } + .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container { - color: #fff; + color: #fff; } + .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text { - color: #fff; + color: #fff; } + .wp-block-cover:not([class*=background-color]) .wp-block-cover-text { - color: #fff; + color: #fff; } + .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container { - color: #fff; + color: #fff; } + .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text { - color: #fff; + color: #fff; } + .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { - color: #fff; + 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; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; + max-width: inherit; + text-align: inherit; + padding: 0; } -@media only screen and (min-width: 652px){ - .wp-block-cover h2{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + .wp-block-cover h2 { + font-size: 3rem; + } } + .wp-block-cover-image h2 { - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; - max-width: inherit; - text-align: inherit; - padding: 0; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; + max-width: inherit; + text-align: inherit; + padding: 0; } -@media only screen and (min-width: 652px){ - .wp-block-cover-image h2{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + .wp-block-cover-image h2 { + font-size: 3rem; + } } + .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { - text-align: left; + text-align: left; } + .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { - text-align: center; + text-align: center; } + .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { - text-align: right; -} -.wp-block-cover .wp-block-cover__inner-container { - width: calc(100% - 60px); + text-align: right; } + +.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { - width: calc(100% - 60px); + width: calc(100% - 60px); } + .wp-block-cover .wp-block-cover__inner-container > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .wp-block-cover-image .wp-block-cover__inner-container > * { - margin-top: 20px; - margin-bottom: 20px; + 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 > * { + 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; + 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; + margin-bottom: 0; } -.wp-block-cover.alignleft, .wp-block-cover.alignright, + +.wp-block-cover.alignleft, +.wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { - margin-top: 0; + margin-top: 0; } + .wp-block-cover.alignleft > * { - margin-top: 60px; - margin-bottom: 60px; - padding-left: 25px; - padding-right: 25px; - width: 100%; + 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%; + 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%; + 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%; + 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.has-left-content, +.wp-block-cover.has-right-content, .wp-block-cover-image.has-left-content, .wp-block-cover-image.has-right-content { - justify-content: center; -} -.wp-block-cover.is-style-twentytwentyone-border { - border: 3px solid #28303d; + justify-content: center; } + +.wp-block-cover.is-style-twentytwentyone-border, .wp-block-cover-image.is-style-twentytwentyone-border { - border: 3px solid #28303d; + 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; + 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; + opacity: inherit; } + .wp-block-file a.wp-block-file__button { - display: inline-block; + display: inline-block; } .wp-block-gallery { - margin: 0 auto; -} -.wp-block-gallery .blocks-gallery-image { - width: calc(50% - 10px); + 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 { - margin: 0; - color: #fff; - font-size: 1rem; + 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 { - color: #fff; + 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; + color: #fff; } + .wp-block-gallery .blocks-gallery-image figcaption a:focus { - background-color: transparent; - outline: 2px solid #28303d; - text-decoration: none; + 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; + 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; + outline-offset: 2px; } .wp-block-group { - display: block; - clear: both; - display: flow-root; + display: block; + clear: both; + display: flow-root; } -.wp-block-group:before, .wp-block-group:after { - content: ""; - display: block; - clear: both; + +.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; + margin-left: auto; + margin-right: auto; } + .wp-block-group .wp-block-group__inner-container > * { - margin-top: 20px; - margin-bottom: 20px; + 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 > * { + margin-top: 30px; + margin-bottom: 30px; + } } + .wp-block-group .wp-block-group__inner-container > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-group .wp-block-group__inner-container > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-group.has-background { - padding: 20px; + padding: 20px; } @media only screen and (min-width: 482px) { - .wp-block-group.has-background { - padding: 30px; - } + + .wp-block-group.has-background { + padding: 30px; + } } + .wp-block-group.is-style-twentytwentyone-border { - border: 3px solid #28303d; - padding: 30px; + 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; + 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; + 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; + 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 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h1 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h2 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h2 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h3 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h3 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h4 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h4 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h5 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -.h5 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; -} - -h6 { - clear: both; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: normal; + 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 { - font-weight: 600; -} -.h1 strong { - font-weight: 600; -} -h2 strong { - font-weight: 600; -} -.h2 strong { - font-weight: 600; -} -h3 strong { - font-weight: 600; -} -.h3 strong { - font-weight: 600; -} -h4 strong { - font-weight: 600; -} -.h4 strong { - font-weight: 600; -} -h5 strong { - font-weight: 600; -} -.h5 strong { - font-weight: 600; -} -h6 strong { - font-weight: 600; + 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; + font-weight: 600; } h1 { - font-size: 4rem; - letter-spacing: normal; - line-height: 1.1; + font-size: 4rem; + letter-spacing: normal; + line-height: 1.1; } -@media only screen and (min-width: 652px){ - h1{ - font-size: 6rem; - } +@media only screen and (min-width: 652px) { + + h1 { + font-size: 6rem; + } } .h1 { - font-size: 4rem; - letter-spacing: normal; - line-height: 1.1; + font-size: 4rem; + letter-spacing: normal; + line-height: 1.1; } -@media only screen and (min-width: 652px){ - .h1{ - font-size: 6rem; - } +@media only screen and (min-width: 652px) { + + .h1 { + font-size: 6rem; + } } h2 { - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - h2{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + h2 { + font-size: 3rem; + } } .h2 { - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - .h2{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + .h2 { + font-size: 3rem; + } } h3 { - font-size: 2rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - h3{ - font-size: 2rem; - } +@media only screen and (min-width: 652px) { + + h3 { + font-size: 2rem; + } } .h3 { - font-size: 2rem; - letter-spacing: normal; - line-height: 1.3; + font-size: 2rem; + letter-spacing: normal; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - .h3{ - font-size: 2rem; - } -} - -h4 { - font-size: 1.5rem; - font-weight: 600; - letter-spacing: normal; - line-height: 1.3; +@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 { - font-size: 1.125rem; - font-weight: 600; - letter-spacing: 0.05em; - line-height: 1.3; + 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 { - font-size: 1rem; - font-weight: 600; - letter-spacing: 0.05em; - line-height: 1.3; + 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; + font-size: 1rem; + font-weight: 600; + letter-spacing: 0.05em; + line-height: 1.3; } .wp-block-image { - text-align: center; + 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; + 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; + margin-left: 25px; } + .wp-block-image .alignleft { - margin-right: 25px; + margin-right: 25px; } + .wp-block-image a:focus img { - outline-offset: 2px; + outline-offset: 2px; } .entry-content > *[class=wp-block-image], .entry-content [class*=inner-container] > *[class=wp-block-image] { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .entry-content > *[class=wp-block-image] + *, .entry-content [class*=inner-container] > *[class=wp-block-image] + * { - margin-top: 0; + margin-top: 0; } -.wp-block-image.is-style-twentytwentyone-border img { - border: 3px solid #28303d; +.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 { - border: 3px solid #28303d; -} - -.wp-block-image.is-style-twentytwentyone-image-frame img { - padding: 20px; + padding: 20px; } @media only screen and (min-width: 482px) { - .entry-content > .wp-block-image > .alignleft, -.entry-content > .wp-block-image > .alignright { - max-width: 50%; - } + + .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; - } + + .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; + 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; + 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; + margin-top: 0; } + .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { - margin-bottom: 0; + 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; + 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; + 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; + font-size: 1.125rem; + line-height: 1.7; + margin: 0; } .wp-block-latest-posts { - padding-left: 0; + padding-left: 0; } + .wp-block-latest-posts:not(.is-grid) > li { - margin-top: 50px; - margin-bottom: 50px; + margin-top: 50px; + margin-bottom: 50px; } + .wp-block-latest-posts:not(.is-grid) > li:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-latest-posts:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .widget-area .wp-block-latest-posts:not(.is-grid) > li { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-latest-posts.is-grid { - word-wrap: break-word; - word-break: break-word; + word-wrap: break-word; + word-break: break-word; } + .wp-block-latest-posts.is-grid > li { - margin-bottom: 30px; + margin-bottom: 30px; } + .wp-block-latest-posts.is-grid > li:last-child { - margin-bottom: 0; + 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.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; + margin-top: 10px; + margin-bottom: 10px; } + .wp-block-latest-posts > li > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-latest-posts > li > *:last-child { - margin-bottom: 0; + 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; + 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; - } +@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; + 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; + 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; + color: #28303d; + font-size: 1rem; + line-height: 1.7; } -[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { - color: currentColor; -} -.wp-block-latest-posts .wp-block-latest-posts__post-excerpt { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.125rem; - line-height: 1.7; - margin-top: 20px; + +[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; + 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; + 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; + +.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; + 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; + 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; + 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; + 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; + 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; + 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; + 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-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; + border: 3px solid #28303d; + padding: 30px 25px; } + .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { - padding-bottom: 30px; + padding-bottom: 30px; } + .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { - margin-top: 25px; - margin-bottom: 25px; + margin-top: 25px; + margin-bottom: 25px; } .gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; } + .gallery-item a { - display: block; + display: block; } + .gallery-item a:focus img { - outline-offset: -2px; + outline-offset: -2px; } + .gallery-columns-2 .gallery-item { - max-width: 50%; + max-width: 50%; } + .gallery-columns-3 .gallery-item { - max-width: 33.33%; + max-width: 33.33%; } + .gallery-columns-4 .gallery-item { - max-width: 25%; + max-width: 25%; } + .gallery-columns-5 .gallery-item { - max-width: 20%; + max-width: 20%; } + .gallery-columns-6 .gallery-item { - max-width: 16.66%; + max-width: 16.66%; } + .gallery-columns-7 .gallery-item { - max-width: 14.28%; + max-width: 14.28%; } + .gallery-columns-8 .gallery-item { - max-width: 12.5%; + max-width: 12.5%; } + .gallery-columns-9 .gallery-item { - max-width: 11.11%; + max-width: 11.11%; } .gallery-caption { - display: block; + display: block; } figure.wp-caption a:focus img { - outline-offset: 2px; -} - -ul { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - margin: 0; - padding-left: 50px; + 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; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + margin: 0; + padding-left: 50px; } + ul.aligncenter, -ol.aligncenter { - list-style-position: inside; - padding: 0; -} +ol.aligncenter, ul.alignright, ol.alignright { - list-style-position: inside; - text-align: right; - padding: 0; + list-style-position: inside; + padding: 0; +} + +ul.alignright, +ol.alignright { + text-align: right; } ul { - list-style-type: disc; + list-style-type: disc; } + ul ul { - list-style-type: circle; + list-style-type: circle; } ol { - list-style-type: decimal; + list-style-type: decimal; } + ol ul { - list-style-type: circle; + list-style-type: circle; } dt { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-weight: bold; + 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; + margin: 0; + padding-left: 50px; } .wp-block-media-text { - /** + + /** * Block Options */ } + .wp-block-media-text.alignfull { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-media-text a:focus img { - outline-offset: -1px; + outline-offset: -1px; } + .wp-block-media-text .wp-block-media-text__content { - padding: 25px; + 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 { + padding: 30px; + } } + .wp-block-media-text .wp-block-media-text__content > * { - margin-top: 20px; - margin-bottom: 20px; + 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 > * { + margin-top: 30px; + margin-bottom: 30px; + } } + .wp-block-media-text .wp-block-media-text__content > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-media-text .wp-block-media-text__content > *:last-child { - margin-bottom: 0; + 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-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; + border: 3px solid #28303d; +} + +.wp-block-navigation .wp-block-navigation-link { + padding: 0; +} + +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { + padding: 13px; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - font-weight: normal; + 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; + padding: 0; } + .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { - display: inherit; + 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; + border: none; + left: 0; + margin-left: 13px; + min-width: max-content; + opacity: 0; + padding: 0; + position: inherit; + top: inherit; } + +.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { + display: inline-block; + padding: 7px 13px; +} + .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { - display: none; + display: none; } + +.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, +.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { + display: block; + opacity: 1; + visibility: visible; +} + .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { - background: #d1e4dd; - margin: 0; - padding: 0; - position: absolute; - top: 100%; - border: 1px solid #28303d; + 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; + 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; + 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; + top: -9px; + border-color: #d1e4dd transparent; } + .wp-block-navigation:not(.has-background) .wp-block-navigation__container { - background: #d1e4dd; + background: #d1e4dd; } + .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { - background: #d1e4dd; + background: #d1e4dd; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { - color: #28303d; + color: #28303d; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { - color: #28303d; + color: #28303d; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { - text-decoration: underline; - text-decoration-style: dotted; + text-decoration: underline; + text-decoration-style: dotted; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { - color: currentColor; + color: currentColor; } p { - line-height: 1.7; + line-height: 1.7; } + p.has-background { - padding: 20px; + padding: 20px; } + p.has-text-color a { - color: #28303d; + color: #28303d; } pre.wp-block-preformatted { - overflow-x: auto; - white-space: pre; + 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; - /** + 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; + 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; + 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; - } +@media only screen and (min-width: 652px) { + + .wp-block-pullquote p { + font-size: 2rem; + } } + .wp-block-pullquote a { - color: currentColor; -} -.wp-block-pullquote .wp-block-pullquote__citation { - color: currentColor; - display: block; - font-size: 1rem; - font-style: normal; - text-transform: none; -} -.wp-block-pullquote cite { - color: currentColor; - display: block; - font-size: 1rem; - font-style: normal; - text-transform: none; + 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; + color: currentColor; + display: block; + font-size: 1rem; + font-style: normal; + text-transform: none; } + .wp-block-pullquote:not(.is-style-solid-color) { - background: none; + 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; + text-align: center; } + .wp-block-pullquote.alignwide > p { - max-width: calc(100vw - 30px); + 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: 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); - } +@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); + 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: 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); - } +@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; + padding: 0 40px; } + .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { - padding: 0 40px; + padding: 0 40px; } + .wp-block-pullquote.is-style-solid-color { - color: #28303d; - padding: 50px; - border-width: 3px; - border-style: solid; - border-color: #28303d; + 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 { + padding: 100px; + } } + .wp-block-pullquote.is-style-solid-color blockquote::before { - text-align: left; + text-align: left; } + .wp-block-pullquote.is-style-solid-color blockquote { - margin: 0; - max-width: inherit; + margin: 0; + max-width: inherit; } + .wp-block-pullquote.is-style-solid-color blockquote p { - font-size: 2rem; + font-size: 2rem; } -@media only screen and (min-width: 652px){ - .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 { - padding: 20px; + color: currentColor; } + +.wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright { - padding: 20px; + 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-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; + padding: 20px; } @media only screen and (min-width: 482px) { - .wp-block-query.has-background { - padding: 30px; - } + + .wp-block-query.has-background { + padding: 30px; + } } .wp-block-quote { - border-left: none; - /** + border-left: none; + + /** * Block Options */ } + .wp-block-quote:before { - content: "“"; - font-size: 1.25rem; - line-height: 1.7; - left: 8px; + 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 .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, @@ -3639,2827 +3858,3146 @@ pre.wp-block-preformatted { [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; + color: currentColor; } + .wp-block-quote.has-text-align-right { - margin: 30px 25px 30px auto; - padding-right: 0; - border-right: none; + margin: 30px 25px 30px auto; + padding-right: 0; + border-right: none; } + .wp-block-quote.has-text-align-right:before { - display: none; + 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; + 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; + margin: 30px auto; } + .wp-block-quote.has-text-align-center:before { - display: none; -} -.wp-block-quote.is-large { - padding-left: 0; - padding-right: 0; - /* Resetting margins to match _block-container.scss */ - margin-top: 30px; - margin-bottom: 30px; + 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; + 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; + 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; - } +@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; + 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; - } +@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; + 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; - } +@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; + 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; - } +@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: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; + 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; - } +@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; + 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 { - color: #28303d; - font-size: 1.125rem; -} -.wp-block-quote.is-large cite { - color: #28303d; - font-size: 1.125rem; -} -.wp-block-quote.is-large footer { - color: #28303d; - font-size: 1.125rem; -} -.wp-block-quote.is-style-large .wp-block-quote__citation { - color: #28303d; - font-size: 1.125rem; -} -.wp-block-quote.is-style-large cite { - color: #28303d; - font-size: 1.125rem; +@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; + color: #28303d; + font-size: 1.125rem; } @media only screen and (max-width: 481px) { - .wp-block-quote.is-large { - padding-left: 25px; - } - .wp-block-quote.is-style-large { - padding-left: 25px; - } - .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { - left: 0; - } - .wp-block-quote.is-large.has-text-align-right { - padding-left: 0; - padding-right: 25px; - } - .wp-block-quote.is-style-large.has-text-align-right { - padding-left: 0; - padding-right: 25px; - } - .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { - right: 0; - } - .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { - padding-left: 0; - padding-right: 0; - } + + .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 { - padding-left: 0; - padding-right: 13px; - } - .wp-block-quote.has-text-align-right:before { - right: 0; - } - .wp-block-quote.has-text-align-center { - padding-left: 0; - padding-right: 0; - } + + .wp-block-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; + padding-left: 0; } + .wp-block-rss > li { - list-style: none; + list-style: none; } + .wp-block-rss:not(.is-grid) > li { - margin-top: 50px; - margin-bottom: 50px; + margin-top: 50px; + margin-bottom: 50px; } + .wp-block-rss:not(.is-grid) > li:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-rss:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-rss.is-grid > li { - margin-bottom: 30px; + margin-bottom: 30px; } + .wp-block-rss.is-grid > li:last-child { - margin-bottom: 0; + 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.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; + margin-top: 10px; + margin-bottom: 10px; } + .wp-block-rss > li > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-rss > li > *:last-child { - margin-bottom: 0; + 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; + 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; - } +@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; + 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; + color: #28303d; + font-size: 1rem; + line-height: 1.7; } -[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { - color: currentColor; -} -.wp-block-rss .wp-block-rss__item-excerpt { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.125rem; - line-height: 1.7; - margin-top: 20px; + +[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; + 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; + 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; + +.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); + 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: 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); - } +@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; + justify-content: center; } + .wp-block-search .wp-block-search__label { - font-size: 1.125rem; - font-weight: 500; - margin-bottom: 10px; + 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; + 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; + color: #28303d; + border-color: #39414d; } + .has-background .wp-block-search .wp-block-search__input { - border-color: #28303d !important; + border-color: #28303d !important; } + .wp-block-search button.wp-block-search__button { - margin-left: 0; - line-height: 1; + margin-left: 0; + line-height: 1; } + .wp-block-search button.wp-block-search__button.has-icon { - padding: 6px 15px; + padding: 6px 15px; } + .wp-block-search button.wp-block-search__button.has-icon svg { - width: 40px; - height: 40px; - fill: currentColor; + width: 40px; + height: 40px; + fill: currentColor; } + .has-background .wp-block-search button.wp-block-search__button:hover { - background-color: #d1e4dd !important; - color: #28303d !important; + 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; + background-color: #d1e4dd !important; + color: #28303d !important; } + .has-text-color .wp-block-search button.wp-block-search__button:hover { - color: #28303d !important; + color: #28303d !important; } + .has-text-color .wp-block-search button.wp-block-search__button:active { - color: #28303d !important; + 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; + 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; + 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; + 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; + 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; + padding: 15px 30px; } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { - color: #28303d; + 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; + 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; + 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; + padding: 6px 15px; } .wp-block-search__button { - box-shadow: none; + box-shadow: none; } hr { - border-style: none; - border-bottom: 1px solid #28303d; - clear: both; - margin-left: auto; - margin-right: auto; + border-style: none; + clear: both; + margin-left: auto; + margin-right: auto; } + +hr, hr.wp-block-separator { - border-bottom: 1px solid #28303d; - opacity: 1; - /** + 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); + 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: 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); - } +@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); + 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: 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); - } +@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%; + max-width: 100%; } + hr.wp-block-separator.is-style-twentytwentyone-separator-thick { - border-bottom-width: 3px; + 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, +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.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; + 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; - } +@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; + +.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; + color: #28303d; } -.wp-block-spacer { - display: block; - margin-bottom: 0 !important; - margin-top: 0 !important; +.wp-block-social-links.is-style-twentytwentyone-social-icons-color a { + color: #28303d; } -@media only screen and (max-width: 481px) { - .wp-block-spacer[style] { - height: 20px !important; - } + +.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; + 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 { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + 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 { - padding: 10px; - border: 1px solid; -} -table th { - padding: 10px; - border: 1px solid; -} -.wp-block-table td { - padding: 10px; - border: 1px solid; + 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 { - color: #28303d; - font-size: 1rem; + padding: 10px; + border: 1px solid; } + +table figcaption, .wp-block-table figcaption { - color: #28303d; - font-size: 1rem; -} -table.is-style-regular .has-background { - color: #28303d; -} -table.is-style-stripes .has-background { - color: #28303d; -} -table.is-style-stripes .has-background thead tr { - color: #28303d; -} -table.is-style-stripes .has-background tfoot tr { - color: #28303d; -} -table.is-style-stripes .has-background tbody tr { - color: #28303d; -} -.wp-block-table.is-style-regular .has-background { - color: #28303d; -} -.wp-block-table.is-style-stripes .has-background { - color: #28303d; -} -.wp-block-table.is-style-stripes .has-background thead tr { - color: #28303d; -} -.wp-block-table.is-style-stripes .has-background tfoot tr { - color: #28303d; + 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 { - border-color: #f0f0f0; + color: #28303d; } + +table.is-style-stripes, .wp-block-table.is-style-stripes { - border-color: #f0f0f0; + 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; + border-width: 0; } + table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; + background-color: #f0f0f0; } + .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; + background-color: #f0f0f0; } + table.is-style-stripes .has-background tbody tr:nth-child(odd) { - background-color: rgba(255, 255, 255, 0.9); + 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); + 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; + background: transparent; + border: 0; + text-align: center; + line-height: 2; + vertical-align: middle; + word-break: normal; } + table.wp-calendar-table th { - font-weight: bold; + font-weight: bold; } + table.wp-calendar-table thead, table.wp-calendar-table tbody { - color: currentColor; - border: 1px solid; + color: currentColor; + border: 1px solid; } + table.wp-calendar-table caption { - font-weight: bold; - text-align: left; - margin-bottom: 20px; - color: currentColor; + font-weight: bold; + text-align: left; + margin-bottom: 20px; + color: currentColor; } .wp-calendar-nav { - text-align: left; - margin-top: 10px; + text-align: left; + margin-top: 10px; } + .wp-calendar-nav svg { - height: 1em; - vertical-align: middle; + height: 1em; + vertical-align: middle; } + .wp-calendar-nav svg path { - fill: currentColor; + fill: currentColor; } + .wp-calendar-nav .wp-calendar-nav-next { - float: right; + float: right; } .wp-block-tag-cloud.alignfull { - padding-left: 20px; - padding-right: 20px; + 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; + 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; + color: #28303d; + font-size: 1rem; + margin-top: 10px; + margin-bottom: 20px; + text-align: center; } * > figure > video { - max-width: unset; - width: 100%; - vertical-align: middle; + max-width: unset; + width: 100%; + vertical-align: middle; } :root .is-extra-small-text { - font-size: 1rem; + font-size: 1rem; } :root .has-extra-small-font-size { - font-size: 1rem; + font-size: 1rem; } + :root .is-small-text { - font-size: 1.125rem; + font-size: 1.125rem; } + :root .has-small-font-size { - font-size: 1.125rem; + font-size: 1.125rem; } + :root .is-regular-text { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .has-regular-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .is-normal-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .has-normal-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .has-medium-font-size { - font-size: 1.25rem; + font-size: 1.25rem; } + :root .is-large-text { - font-size: 1.5rem; - line-height: 1.3; + font-size: 1.5rem; + line-height: 1.3; } + :root .has-large-font-size { - font-size: 1.5rem; - line-height: 1.3; + font-size: 1.5rem; + line-height: 1.3; } + :root .is-larger-text { - font-size: 2.5rem; - line-height: 1.3; + font-size: 2.5rem; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - :root .is-larger-text{ - font-size: 2.5rem; - } +@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; + font-size: 2.5rem; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - :root .has-larger-font-size{ - font-size: 2.5rem; - } +@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; + font-size: 2.5rem; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - :root .is-extra-large-text{ - font-size: 2.5rem; - } +@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; + 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; - } +@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; + font-size: 6rem; + line-height: 1.3; + font-weight: 300; } -@media only screen and (min-width: 652px){ - :root .is-huge-text{ - font-size: 6rem; - } +@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; + 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; - } +@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; + font-size: 9rem; + line-height: 1.3; + font-weight: 300; } -@media only screen and (min-width: 652px){ - :root .is-gigantic-text{ - font-size: 9rem; - } +@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; + 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; - } +@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; + + /*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); - } + max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { - .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin-right: 25px; - margin-bottom: 30px; - } - .entry-content > .alignleft { - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1); - } - - @media only screen and (min-width: 482px){ - .entry-content > .alignleft{ - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1); - } - } - - @media only screen and (min-width: 822px){ - .entry-content > .alignleft{ - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1); - } - } + .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; + clear: both; + display: block; + float: none; + margin-right: auto; + margin-left: auto; + text-align: center; } /** * .alignright */ .alignright { - margin-top: 0; - margin-bottom: 30px; + 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); - } + max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { - .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin-left: 25px; - } - .entry-content > .alignright { - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1); - } - - @media only screen and (min-width: 482px){ - .entry-content > .alignright{ - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1); - } - } - - @media only screen and (min-width: 822px){ - .entry-content > .alignright{ - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1); - } - } + .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; + margin-top: 0; } /** * .alignwide */ -.alignwide { - clear: both; -} /** * .alignfull */ +.alignwide, .alignfull { - clear: both; + clear: both; } .has-left-content { - justify-content: flex-start; + justify-content: flex-start; } .has-right-content { - justify-content: flex-end; + justify-content: flex-end; } .has-parallax { - background-attachment: fixed; + 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; + 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: 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; + content: ""; + display: table; + clear: both; + padding-top: 14px; } .desktop-only { - display: none; + display: none; } @media only screen and (min-width: 482px) { - .desktop-only { - display: block; - } + + .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; + display: flex; + align-items: flex-start; + flex-wrap: wrap; + row-gap: 30px; } + .wp-custom-logo .site-header { - align-items: center; + align-items: center; } @media only screen and (min-width: 482px) { - .site-header { - padding-top: 40px; - } + + .site-header { + padding-top: 40px; + } } @media only screen and (min-width: 822px) { - .site-header { - padding-top: 72px; - } + + .site-header { + padding-top: 72px; + } } .site-branding { - color: #28303d; - margin-right: 140px; + color: #28303d; + margin-right: 140px; } + .site-branding:last-child { - margin-right: 0; - width: 100%; - text-align: center; + margin-right: 0; + width: 100%; + text-align: center; } @media only screen and (min-width: 482px) { - .site-branding { - margin-right: initial; - margin-top: 4px; - } + + .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; + 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; + color: currentColor; + font-weight: normal; } -.site-title a:link, .site-title a:visited, .site-title a:active { - color: currentColor; + +.site-title a:link, +.site-title a:visited, +.site-title a:active { + color: currentColor; } + .site-title a:hover { - color: #39414d; + color: #39414d; } + .site-title a:focus { - color: #39414d; + color: #39414d; } @media only screen and (min-width: 482px) { - .site-title { - font-size: 1.5rem; - } + + .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; + 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; + text-decoration-color: #39414d; } .site-logo { - margin: 15px 0; + margin: 15px 0; } + .site-header > .site-logo { - width: 100%; - padding-bottom: 45px; - border-bottom: 1px solid; - text-align: center; + 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; + 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; - } + + .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: 0px; - } - .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-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; + padding-top: 0; + padding-bottom: 51px; } + .no-widgets .site-footer { - margin-top: 180px; + margin-top: 180px; } @media only screen and (max-width: 481px) { - .no-widgets .site-footer { - margin-top: 90px; - } + + .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; + 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; + 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; + margin-top: 15px; } @media only screen and (min-width: 822px) { - .site-footer > .site-info { - display: flex; - align-items: center; - } - .site-footer > .site-info .powered-by { - margin-top: initial; - margin-left: auto; - } + + .site-footer > .site-info { + 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; + color: #28303d; } + .site-footer > .site-info a:link { - color: #28303d; + color: #28303d; } + .site-footer > .site-info a:visited { - color: #28303d; + color: #28303d; } + .site-footer > .site-info a:active { - color: #28303d; + color: #28303d; } + .site-footer > .site-info a:hover { - color: #28303d; + color: #28303d; } + .site-footer > .site-info a:focus { - color: #28303d; + color: #28303d; } + .is-dark-theme .site-footer > .site-info a:focus { - color: #d1e4dd; + color: #d1e4dd; } + .has-background-white .site-footer > .site-info a:focus { - color: #fff; + color: #fff; } .singular .entry-header { - border-bottom: 3px solid #28303d; - padding-bottom: 60px; - margin-bottom: 90px; + border-bottom: 3px solid #28303d; + padding-bottom: 60px; + margin-bottom: 90px; } .home .entry-header { - border-bottom: none; - padding-bottom: 0; - margin-bottom: 0; + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { - border-bottom: none; - padding-bottom: 39px; - margin-bottom: 0; + border-bottom: none; + padding-bottom: 39px; + margin-bottom: 0; } .no-results.not-found > *:first-child { - margin-bottom: 90px; + margin-bottom: 90px; } .page-links { - clear: both; + clear: both; } + .page-links .post-page-numbers { - display: inline-block; - margin-left: 13px; - margin-right: 13px; - min-width: 44px; - min-height: 44px; + 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; + margin-left: 0; } .entry-title { - color: #28303d; - font-size: 2.25rem; - letter-spacing: normal; - line-height: 1.3; - overflow-wrap: break-word; + color: #28303d; + font-size: 2.25rem; + letter-spacing: normal; + line-height: 1.3; + overflow-wrap: break-word; } -@media only screen and (min-width: 652px){ - .entry-title{ - font-size: 3rem; - } +@media only screen and (min-width: 652px) { + + .entry-title { + font-size: 3rem; + } } + .entry-title a { - color: currentColor; - text-underline-offset: 0.15em; + color: currentColor; + text-underline-offset: 0.15em; } + .entry-title a:hover { - color: #28303d; + color: #28303d; } + .entry-title a:focus { - color: #39414d; + color: #39414d; } + .entry-title a:active { - color: currentColor; + color: currentColor; } .singular .entry-title { - font-size: 4rem; + font-size: 4rem; } -@media only screen and (min-width: 652px){ - .singular .entry-title{ - font-size: 6rem; - } +@media only screen and (min-width: 652px) { + + .singular .entry-title { + font-size: 6rem; + } } h1.entry-title { - line-height: 1.1; - font-weight: 300; + line-height: 1.1; + font-weight: 300; } /** * Entry Content */ -.entry-content { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -} +.entry-content, .entry-summary { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .entry-content p { - word-wrap: break-word; + word-wrap: break-word; } + .entry-content > iframe[style] { - margin: 30px 0 !important; - max-width: 100% !important; + margin: 30px 0 !important; + max-width: 100% !important; } + .entry-footer { - color: #28303d; - clear: both; - float: none; - font-size: 1rem; - display: block; + color: #28303d; + clear: both; + float: none; + font-size: 1rem; + display: block; } + .entry-footer > span { - display: inline-block; + display: inline-block; } + .entry-footer a { - color: currentColor; + color: currentColor; } + .entry-footer a:hover { - color: #28303d; + color: #28303d; } + .entry-footer a:focus { - color: #28303d; + color: #28303d; } + .entry-footer a:active { - color: currentColor; + color: currentColor; } .site-main > article > .entry-footer { - margin-top: 30px; - padding-top: 20px; - padding-bottom: 90px; - border-bottom: 1px solid #28303d; + 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; + 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; + 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; + justify-content: flex-end; + text-align: right; } + .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { - grid-column: span 2; + 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; + 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; - } + + .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; + text-align: center; } + .post-thumbnail .wp-post-image { - display: block; - width: auto; - max-width: 100%; - margin-left: auto; - margin-right: auto; - margin-top: 60px; + 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); + 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: 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); - } +@media only screen and (min-width: 822px) { + + .author-bio { + max-width: min(calc(100vw - 200px), 610px); + } } + .site-main > article > .author-bio { - margin-top: 60px; + margin-top: 60px; } + .author-bio.show-avatars .avatar { - display: inline-block; - vertical-align: top; - border-radius: 50%; + 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); + 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: 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); - } +@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; + 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; + font-size: 1rem; + margin-top: 15px; + margin-bottom: 15px; } .page-title { - font-size: 4rem; + font-size: 4rem; } -@media only screen and (min-width: 652px){ - .page-title{ - font-size: 6rem; - } -} - -h1.page-title { - font-weight: 300; +@media only screen and (min-width: 652px) { + + .page-title { + font-size: 6rem; + } } +h1.page-title, h2.page-title { - font-weight: 300; + font-weight: 300; } h1.page-title { - line-height: 1.1; + line-height: 1.1; } .page-header { - border-bottom: 3px solid #28303d; - padding-bottom: 60px; -} - -.archive .content-area .format-aside .entry-content { - font-size: 1.5rem; -} - -.archive .content-area .format-status .entry-content { - font-size: 1.5rem; -} - -.archive .content-area .format-link .entry-content { - font-size: 1.5rem; -} - -.search .content-area .format-aside .entry-content { - font-size: 1.5rem; -} - -.search .content-area .format-status .entry-content { - font-size: 1.5rem; -} - -.search .content-area .format-link .entry-content { - font-size: 1.5rem; -} - -.blog .content-area .format-aside .entry-content { - font-size: 1.5rem; -} - -.blog .content-area .format-status .entry-content { - font-size: 1.5rem; + 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 { - margin-top: 60px; -} -.archive .format-gallery .entry-content { - margin-top: 60px; -} -.archive .format-video .entry-content { - margin-top: 60px; -} -.search .format-image .entry-content { - margin-top: 60px; -} -.search .format-gallery .entry-content { - margin-top: 60px; -} -.search .format-video .entry-content { - margin-top: 60px; -} -.blog .format-image .entry-content { - margin-top: 60px; -} -.blog .format-gallery .entry-content { - margin-top: 60px; + 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; + 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 { - margin-right: 10px; -} -.search.logged-in .entry-footer .posted-on { - margin-right: 10px; + 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; + margin-right: 10px; } .archive-description { - margin-top: 30px; - font-size: 2.25rem; - line-height: 1.3; + margin-top: 30px; + font-size: 2.25rem; + line-height: 1.3; } -@media only screen and (min-width: 652px){ - .archive-description{ - font-size: 2.5rem; - } +@media only screen and (min-width: 652px) { + + .archive-description { + font-size: 2.5rem; + } } .error404 main p { - font-size: 1.5rem; - margin-bottom: 50px; + font-size: 1.5rem; + margin-bottom: 50px; } .search-no-results .page-content { - margin-top: 90px; + margin-top: 90px; } /** * Comments Wrapper */ .comments-area > * { - margin-top: 30px; - margin-bottom: 30px; + margin-top: 30px; + margin-bottom: 30px; } + .comments-area > *:first-child { - margin-top: 0; + margin-top: 0; } + .comments-area > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .comments-area.show-avatars .avatar { - border-radius: 50%; - position: absolute; - top: 10px; + border-radius: 50%; + position: absolute; + top: 10px; } + .comments-area.show-avatars .fn { - display: inline-block; - padding-left: 85px; + display: inline-block; + padding-left: 85px; } + .comments-area.show-avatars .comment-metadata { - padding: 8px 0 9px 85px; + padding: 8px 0 9px 85px; } /** * Comment Title */ .comments-title { - font-size: 2.25rem; - letter-spacing: normal; + 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; - } +@media only screen and (min-width: 652px) { + + .comments-title { + font-size: 3rem; + } } .comment-reply-title { - display: flex; - justify-content: space-between; + 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; + 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; + font-size: 1.5rem; } /** * Comment Lists */ .comment-list { - padding-left: 0; - list-style: none; + padding-left: 0; + list-style: none; } + .comment-list > li { - margin-top: 30px; - margin-bottom: 30px; + margin-top: 30px; + margin-bottom: 30px; } .comment-list .children { - list-style: none; - padding-left: 0; + list-style: none; + padding-left: 0; } + .comment-list .children > li { - margin-top: 30px; - margin-bottom: 30px; + margin-top: 30px; + margin-bottom: 30px; } @media only screen and (min-width: 482px) { - .comment-list .depth-2 { - padding-left: 100px; - } - .comment-list .depth-3 { - padding-left: 100px; - } + + .comment-list .depth-2, + .comment-list .depth-3 { + padding-left: 100px; + } } /** * Comment Meta */ .comment-meta .comment-author { - line-height: 1.3; - margin-bottom: 5px; + 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 { + 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; + 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; + color: #28303d; + font-size: 1rem; + padding: 8px 0 9px 0; } + .comment-meta .comment-metadata .edit-link { - margin-left: 25px; + margin-left: 25px; } @media only screen and (min-width: 482px) { - .comment-meta { - margin-right: inherit; - } - .comment-meta .comment-author { - max-width: inherit; - } + + .comment-meta { + margin-right: inherit; + } + + .comment-meta .comment-author { + max-width: inherit; + } } .reply { - font-size: 1.125rem; - line-height: 1.3; + font-size: 1.125rem; + line-height: 1.3; } .bypostauthor { - display: block; + display: block; } .says { - display: none; -} - -.pingback .url { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + display: none; } +.pingback .url, .trackback .url { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .comment-body { - position: relative; - margin-bottom: 51px; + position: relative; + margin-bottom: 51px; } + .comment-body > * { - margin-top: 30px; - margin-bottom: 30px; + margin-top: 30px; + margin-bottom: 30px; } + .comment-body .reply { - margin: 0; + margin: 0; } .comment-content { - word-wrap: break-word; -} - -.pingback .comment-body { - margin-top: 30px; - margin-bottom: 30px; + word-wrap: break-word; } +.pingback .comment-body, .trackback .comment-body { - margin-top: 30px; - margin-bottom: 30px; + margin-top: 30px; + margin-bottom: 30px; } .comment-respond { - margin-top: 30px; + margin-top: 30px; } .comment-respond > * { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .comment-respond > *:first-child { - margin-top: 0; + margin-top: 0; } + .comment-respond > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .comment-respond > *:last-child.comment-form { - margin-bottom: 30px; + margin-bottom: 30px; } .comment-author { - padding-top: 3px; + padding-top: 3px; } + .comment-author .url { - color: currentColor; + color: currentColor; } .comment-form { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } + .comment-form > * { - flex-basis: 100%; + flex-basis: 100%; } + .comment-form .comment-notes { - font-size: 1.125rem; + font-size: 1.125rem; } + .comment-form .comment-form-url, .comment-form .comment-form-comment { - width: 100%; + width: 100%; } + .comment-form .comment-form-author, .comment-form .comment-form-email { - flex-basis: 0; - flex-grow: 1; + 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-author, + .comment-form .comment-form-email { + flex-basis: 100%; + } } + .comment-form .comment-form-cookies-consent > label { - font-size: 1rem; - font-weight: normal; + font-size: 1rem; + font-weight: normal; } + .comment-form .comment-notes { - font-size: 1rem; - font-weight: normal; + font-size: 1rem; + font-weight: normal; } .comment-form > p { - margin-bottom: 20px; + margin-bottom: 20px; } + .comment-form > p:first-of-type { - margin-top: 0; + margin-top: 0; } + .comment-form > p:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } + .comment-form > p label { - display: block; - font-size: 1.125rem; - margin-bottom: 10px; - width: 100%; - font-weight: 500; + 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; + 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; + 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; + 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; + display: block; + font-size: 1.125rem; + margin-bottom: 10px; + width: 100%; + font-weight: 500; } + .comment-form > p.comment-form-cookies-consent { - display: flex; + 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; - } + + .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; + 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 { + 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; + 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; + display: flex; + align-items: center; } + .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { - margin-left: 5px; + margin-left: 5px; } + .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { - position: relative; - top: -1px; + position: relative; + top: -1px; } + .menu-button-container #primary-mobile-menu .dropdown-icon.close { - display: none; + display: none; } + .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { - display: none; + display: none; } + .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { - display: flex; + 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; + animation-name: twentytwentyone-close-button-transition; + animation-duration: 0.3s; } + .primary-navigation-open .menu-button-container { - width: 100%; - z-index: 500; - background-color: #d1e4dd; + width: 100%; + z-index: 500; + background-color: #d1e4dd; } + .primary-navigation-open .menu-button-container #primary-mobile-menu { - position: static; + position: static; } .primary-navigation { - position: absolute; - top: 0px; - right: 0; - color: #28303d; - font-size: 1.25rem; - line-height: 1.15; - margin-top: 0; - margin-bottom: 0; + 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; - transition: all 0.15s ease-in-out; - transform: translateY(30px); + 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; - } + + .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 { + width: 100%; + position: fixed; + z-index: 2; + } } + .primary-navigation-open .primary-navigation > .primary-menu-container { - position: absolute; - visibility: visible; - opacity: 1; - transform: translateY(0); + 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); - } + + .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 { + 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; + 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 { + padding-bottom: 100px; + } + + .primary-navigation > div > .menu-wrapper ul { + padding-left: 0; + } } + .primary-navigation > div > .menu-wrapper li { - display: block; - position: relative; - width: 100%; + 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 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; + 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; + 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 { + 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; + 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; + margin-top: -1px; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { - display: none; + display: none; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { - display: flex; + display: flex; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { - display: none; + display: none; } + .primary-navigation > div > .menu-wrapper > li > .sub-menu { - position: relative; + 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; - transition: all 0.5s ease; - 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 > 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; + 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 .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; + 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 { + 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; + fill: #28303d; } + .primary-navigation a:hover { - color: #28303d; + color: #28303d; } + .primary-navigation a:link { - color: #28303d; + color: #28303d; } + .primary-navigation a:visited { - color: #28303d; + color: #28303d; } + .primary-navigation a:hover { - text-decoration: underline; - text-decoration-style: dotted; + text-decoration: underline; + text-decoration-style: dotted; } + .primary-navigation a:focus { - position: relative; - z-index: 99999; - outline-offset: 0; - text-decoration-thickness: 2px; + 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; + 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; + 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; + margin: 0; + padding: 0; + list-style: none; + margin-left: 13px; + border: 1px solid #28303d; } + .primary-navigation .sub-menu .sub-menu { - border: none; + border: none; } @media only screen and (min-width: 482px) { - .primary-navigation .sub-menu > .menu-item > .sub-menu { - padding: 0; - } + + .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:last-child { + margin-bottom: 0; + } } + .primary-navigation .sub-menu .menu-item > a { - padding: 17px 13px; - display: block; - font-size: 1.125rem; - font-style: normal; + 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 .sub-menu .menu-item > a { + font-size: 1rem; + font-style: normal; + } } + .primary-navigation .menu-item-has-children > .svg-icon { - display: none; + 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-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; + display: block; + clear: both; + font-size: 1rem; + text-transform: none; + line-height: 1.7; } + .primary-navigation .menu-item-description > span { - display: inline-block; + display: inline-block; } @media only screen and (max-width: 481px) { - .lock-scrolling .site { - position: fixed; - max-width: 100%; - width: 100%; - } + + .lock-scrolling .site { + position: fixed; + max-width: 100%; + width: 100%; + } } @keyframes twentytwentyone-close-button-transition { - from { - opacity: 0; - } - to { - opacity: 1; - } + + 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; + 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; + display: flex; + justify-content: center; + flex-wrap: wrap; + list-style: none; + padding-left: 0; } + .footer-navigation-wrapper li { - display: inline; - line-height: 3; + display: inline; + line-height: 3; } + .footer-navigation-wrapper li a { - padding: 17px 13px; - transition: transform 0.1s ease; - color: #28303d; + padding: 17px 13px; + color: #28303d; } + .footer-navigation-wrapper li a:link { - color: #28303d; + color: #28303d; } + .footer-navigation-wrapper li a:visited { - color: #28303d; + color: #28303d; } + .footer-navigation-wrapper li a:active { - color: #28303d; + color: #28303d; } + .footer-navigation-wrapper li a:hover { - text-decoration: underline; - text-decoration-style: dotted; - text-decoration-skip-ink: none; - color: #28303d; + 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; + fill: #d1e4dd; } + .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { - fill: #fff; + fill: #fff; } + .footer-navigation-wrapper li .svg-icon { - vertical-align: middle; - fill: #28303d; + vertical-align: middle; + fill: #28303d; } + .footer-navigation-wrapper li .svg-icon:hover { - transform: scale(1.1); + 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; + display: none; } /* Next/Previous navigation */ -.navigation { - color: #28303d; -} +.navigation, .navigation a { - color: #28303d; - text-decoration: none; + color: #28303d; } + +.navigation a { + text-decoration: none; +} + .navigation a:hover { - color: #28303d; - text-decoration: underline; - text-decoration-style: dotted; + color: #28303d; + text-decoration: underline; + text-decoration-style: dotted; } + .navigation a:focus { - color: #39414d; + color: #39414d; } + .navigation a:active { - color: #28303d; + color: #28303d; } + .navigation .nav-links > * { - min-width: 44px; - min-height: 44px; + min-width: 44px; + min-height: 44px; } + .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } + .navigation .nav-links .dots { - text-align: center; + 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 { - flex: 0 1 auto; - margin-bottom: inherit; - margin-top: inherit; - max-width: calc(50% - 10px); - } - .navigation .nav-links .nav-previous { - flex: 0 1 auto; - margin-bottom: inherit; - margin-top: inherit; - max-width: calc(50% - 10px); - } - .navigation .nav-links .nav-next { - text-align: right; - } + + .navigation .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 { - top: -2px; - margin-right: 5px; + 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 { - top: -1px; - margin-left: 5px; + top: -2px; + margin-right: 5px; } + +.navigation .nav-next .svg-icon, .navigation .next .svg-icon { - top: -1px; - margin-left: 5px; + top: -1px; + margin-left: 5px; } .post-navigation { - margin: 30px auto; + margin: 30px auto; } @media only screen and (min-width: 822px) { - .post-navigation { - margin: 30px auto; - } + + .post-navigation { + margin: 30px auto; + } } + .post-navigation .meta-nav { - line-height: 1.7; - color: #28303d; + 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; + 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; - } + + .post-navigation .post-title { + margin: 5px 29px 0; + } } @media only screen and (min-width: 482px) { - .post-navigation .nav-links { - justify-content: space-between; - } -} -.post-navigation .nav-next { - margin-top: 30px; - margin-bottom: 30px; + + .post-navigation .nav-links { + justify-content: space-between; + } } + +.post-navigation .nav-next, .post-navigation .nav-previous { - margin-top: 30px; - margin-bottom: 30px; + margin-top: 30px; + margin-bottom: 30px; } + .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { - margin-top: 0; + margin-top: 0; } + .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { - margin-bottom: 0; -} - -.pagination { - border-top: 3px solid #28303d; - padding-top: 30px; - margin: 30px auto; + margin-bottom: 0; } +.pagination, .comments-pagination { - border-top: 3px solid #28303d; - padding-top: 30px; - margin: 30px auto; + border-top: 3px solid #28303d; + padding-top: 30px; + margin: 30px auto; } @media only screen and (min-width: 822px) { - .pagination { - margin: 30px auto; - } - .comments-pagination { - margin: 30px auto; - } -} -.pagination .nav-links { - margin-top: -30px; + + .pagination, + .comments-pagination { + margin: 30px auto; + } } + +.pagination .nav-links, .comments-pagination .nav-links { - margin-top: -30px; + margin-top: -30px; } + .pagination .nav-links a:hover { - color: #28303d; + color: #28303d; } + .comments-pagination .nav-links a:hover { - color: #28303d; + color: #28303d; } + .is-dark-theme .pagination .nav-links a:active { - color: #d1e4dd; + color: #d1e4dd; } + .is-dark-theme .pagination .nav-links a:hover:active { - color: #d1e4dd; + color: #d1e4dd; } + .is-dark-theme .pagination .nav-links a:hover:focus { - color: #d1e4dd; + color: #d1e4dd; } + .is-dark-theme .comments-pagination .nav-links a:active { - color: #d1e4dd; + color: #d1e4dd; } + .is-dark-theme .comments-pagination .nav-links a:hover:active { - color: #d1e4dd; + color: #d1e4dd; } + .is-dark-theme .comments-pagination .nav-links a:hover:focus { - color: #d1e4dd; + color: #d1e4dd; } + .has-background-white .pagination .nav-links a:active { - color: #fff; + color: #fff; } + .has-background-white .pagination .nav-links a:hover:active { - color: #fff; + color: #fff; } + .has-background-white .pagination .nav-links a:hover:focus { - color: #fff; + color: #fff; } + .has-background-white .comments-pagination .nav-links a:active { - color: #fff; + color: #fff; } + .has-background-white .comments-pagination .nav-links a:hover:active { - color: #fff; + color: #fff; } + .has-background-white .comments-pagination .nav-links a:hover:focus { - color: #fff; + 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; + 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; + 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; + text-decoration: underline; } + .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover { - text-decoration-style: dotted; + text-decoration-style: dotted; } + .pagination .nav-links > *:first-child, .comments-pagination .nav-links > *:first-child { - margin-left: 0; + margin-left: 0; } + .pagination .nav-links > *:last-child, .comments-pagination .nav-links > *:last-child { - margin-right: 0; + margin-right: 0; } + .pagination .nav-links > *.next, .comments-pagination .nav-links > *.next { - margin-left: auto; + margin-left: auto; } + .pagination .nav-links > *.prev, .comments-pagination .nav-links > *.prev { - margin-right: auto; + 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; - } + + .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; - } + + .pagination .nav-short, + .comments-pagination .nav-short { + display: none; + } } .comments-pagination { - padding-top: 20px; - margin: 90px auto; + padding-top: 20px; + margin: 90px auto; } @media only screen and (min-width: 822px) { - .comments-pagination { - margin: 90px auto 120px auto; - } + + .comments-pagination { + margin: 90px auto 120px auto; + } } + .comments-pagination .nav-links > * { - font-size: 1.25rem; + 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; + 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; - } + + .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); - } + + .widget-area { + grid-template-columns: repeat(3, 1fr); + } } @media only screen and (max-width: 481px) { - .widget-area { - margin-top: 90px; - } -} -.widget-area ul { - list-style-type: none; - padding: 0; -} -.widget-area ul li { - line-height: 1.9; -} -.widget-area ul.sub-menu { - margin-left: 13px; -} -.widget-area ul.children { - margin-left: 13px; -} -.widget-area ul .sub-menu-toggle { - display: none; -} -.widget-area a { - color: #28303d; - text-decoration: underline; - text-decoration-style: solid; - text-decoration-color: currentColor; -} -.widget-area a:link { - color: #28303d; -} -.widget-area a:visited { - color: #28303d; -} -.widget-area a:active { - color: #28303d; -} -.widget-area a:hover { - color: #28303d; - text-decoration-style: dotted; + + .widget-area { + margin-top: 90px; + } } + .widget-area .wp-block-social-links.alignright { - margin-top: 30px; - justify-content: flex-end; + margin-top: 30px; + justify-content: flex-end; } + .widget-area .wp-block-social-links.alignleft { - margin-top: 30px; + margin-top: 30px; } + .widget-area:after { - content: ""; - display: table; - clear: both; + 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-weight: 700; - line-height: 1.4; + font-size: 1.25rem; } .widget h2 { - font-weight: 700; - line-height: 1.4; -} - -.widget h3 { - font-weight: 700; - line-height: 1.4; -} - -.widget h4 { - font-weight: 700; - line-height: 1.4; -} - -.widget h5 { - font-weight: 700; - line-height: 1.4; + font-size: 1.125rem; } +.widget h3, +.widget h4, +.widget h5, .widget h6 { - font-weight: 700; - line-height: 1.4; + font-size: 1rem; } -.widget h1 { - font-size: 1.25rem; + +.widget ul { + list-style-type: none; + padding: 0; } -.widget h2 { - font-size: 1.125rem; + +.widget ul li { + line-height: 1.9; } -.widget h3 { - font-size: 1rem; + +.widget ul.sub-menu, +.widget ul.children { + margin-left: 13px; } -.widget h4 { - font-size: 1rem; + +.widget ul .sub-menu-toggle { + display: none; } -.widget h5 { - font-size: 1rem; + +.widget a { + color: #28303d; + text-decoration: underline; + text-decoration-style: solid; + text-decoration-color: currentColor; } -.widget h6 { - font-size: 1rem; + +.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); + 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: 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); - } +@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; + width: 100%; + margin-bottom: 0; + font-weight: 500; } + .search-form .search-field { - flex-grow: 1; - max-width: inherit; - margin-top: 10px; - margin-right: 17px; + flex-grow: 1; + max-width: inherit; + margin-top: 10px; + margin-right: 17px; } + .search-form .search-submit { - margin-top: 10px; - margin-left: 10px; + margin-top: 10px; + margin-left: 10px; } .widget_search > .search-form .search-field { - margin-right: -3px; - -webkit-appearance: none; - margin-bottom: 15px; + margin-right: -3px; + -webkit-appearance: none; + margin-bottom: 15px; } + .widget_search > .search-form .search-submit { - margin-left: 0; - margin-bottom: 15px; + margin-left: 0; + margin-bottom: 15px; } .widget_rss a.rsswidget .rss-widget-icon { - display: none; + 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; + 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; + 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; + outline: 0; } -@media (prefers-reduced-motion) { - * { - transition-delay: 0s !important; - transition-duration: 0s !important; - } -} .has-black-color[class] { - color: #000; + color: #000; } + .has-black-color[class] > [class*=__inner-container] { - color: #000; + color: #000; } .has-gray-color[class] { - color: #39414d; + color: #39414d; } + .has-gray-color[class] > [class*=__inner-container] { - color: #39414d; + color: #39414d; } .has-dark-gray-color[class] { - color: #28303d; + color: #28303d; } + .has-dark-gray-color[class] > [class*=__inner-container] { - color: #28303d; + color: #28303d; } .has-green-color[class] { - color: #d1e4dd; + color: #d1e4dd; } + .has-green-color[class] > [class*=__inner-container] { - color: #d1e4dd; + color: #d1e4dd; } .has-blue-color[class] { - color: #d1dfe4; + color: #d1dfe4; } + .has-blue-color[class] > [class*=__inner-container] { - color: #d1dfe4; + color: #d1dfe4; } .has-purple-color[class] { - color: #d1d1e4; + color: #d1d1e4; } + .has-purple-color[class] > [class*=__inner-container] { - color: #d1d1e4; + color: #d1d1e4; } .has-red-color[class] { - color: #e4d1d1; + color: #e4d1d1; } + .has-red-color[class] > [class*=__inner-container] { - color: #e4d1d1; + color: #e4d1d1; } .has-orange-color[class] { - color: #e4dad1; + color: #e4dad1; } + .has-orange-color[class] > [class*=__inner-container] { - color: #e4dad1; + color: #e4dad1; } .has-yellow-color[class] { - color: #eeeadd; + color: #eeeadd; } + .has-yellow-color[class] > [class*=__inner-container] { - color: #eeeadd; + color: #eeeadd; } .has-white-color[class] { - color: #fff; + color: #fff; } + .has-white-color[class] > [class*=__inner-container] { - color: #fff; + color: #fff; } .has-background a, @@ -6470,191 +7008,213 @@ h1.page-title { .has-background h4, .has-background h5, .has-background h6 { - color: currentColor; + color: currentColor; } .has-black-background-color[class] { - background-color: #000; + background-color: #000; } + .has-black-background-color[class] > [class*=__inner-container] { - background-color: #000; + background-color: #000; } .has-dark-gray-background-color[class] { - background-color: #28303d; + background-color: #28303d; } + .has-dark-gray-background-color[class] > [class*=__inner-container] { - background-color: #28303d; + background-color: #28303d; } .has-gray-background-color[class] { - background-color: #39414d; + background-color: #39414d; } + .has-gray-background-color[class] > [class*=__inner-container] { - background-color: #39414d; + background-color: #39414d; } .has-light-gray-background-color[class] { - background-color: #f0f0f0; + background-color: #f0f0f0; } + .has-light-gray-background-color[class] > [class*=__inner-container] { - background-color: #f0f0f0; + background-color: #f0f0f0; } .has-green-background-color[class] { - background-color: #d1e4dd; + background-color: #d1e4dd; } + .has-green-background-color[class] > [class*=__inner-container] { - background-color: #d1e4dd; + background-color: #d1e4dd; } .has-blue-background-color[class] { - background-color: #d1dfe4; + background-color: #d1dfe4; } + .has-blue-background-color[class] > [class*=__inner-container] { - background-color: #d1dfe4; + background-color: #d1dfe4; } .has-purple-background-color[class] { - background-color: #d1d1e4; + background-color: #d1d1e4; } + .has-purple-background-color[class] > [class*=__inner-container] { - background-color: #d1d1e4; + background-color: #d1d1e4; } .has-red-background-color[class] { - background-color: #e4d1d1; + background-color: #e4d1d1; } + .has-red-background-color[class] > [class*=__inner-container] { - background-color: #e4d1d1; + background-color: #e4d1d1; } .has-orange-background-color[class] { - background-color: #e4dad1; + background-color: #e4dad1; } + .has-orange-background-color[class] > [class*=__inner-container] { - background-color: #e4dad1; + background-color: #e4dad1; } .has-yellow-background-color[class] { - background-color: #eeeadd; + background-color: #eeeadd; } + .has-yellow-background-color[class] > [class*=__inner-container] { - background-color: #eeeadd; + background-color: #eeeadd; } .has-white-background-color[class] { - background-color: #fff; + background-color: #fff; } + .has-white-background-color[class] > [class*=__inner-container] { - background-color: #fff; + background-color: #fff; } .has-background:not(.has-text-color).has-black-background-color[class] { - color: #fff; + color: #fff; } .has-background:not(.has-text-color).has-gray-background-color[class] { - color: #fff; + color: #fff; } .has-background:not(.has-text-color).has-dark-gray-background-color[class] { - color: #fff; + 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-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-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-dark-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; } + .has-background:not(.has-text-color).has-green-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-blue-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-purple-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-red-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-orange-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-yellow-background-color[class] { - color: #28303d; + color: #28303d; } + .has-background:not(.has-text-color).has-white-background-color[class] { - color: #28303d; + 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-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-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-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-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-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-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-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); + background: linear-gradient(160deg, #d1d1e4, #eeeadd); } .has-yellow-to-purple-gradient-background { - background: linear-gradient(160deg, #eeeadd, #d1d1e4); + background: linear-gradient(160deg, #eeeadd, #d1d1e4); } .has-green-to-yellow-gradient-background { - background: linear-gradient(160deg, #d1e4dd, #eeeadd); + background: linear-gradient(160deg, #d1e4dd, #eeeadd); } .has-yellow-to-green-gradient-background { - background: linear-gradient(160deg, #eeeadd, #d1e4dd); + background: linear-gradient(160deg, #eeeadd, #d1e4dd); } .has-red-to-yellow-gradient-background { - background: linear-gradient(160deg, #e4d1d1, #eeeadd); + background: linear-gradient(160deg, #e4d1d1, #eeeadd); } .has-yellow-to-red-gradient-background { - background: linear-gradient(160deg, #eeeadd, #e4d1d1); + background: linear-gradient(160deg, #eeeadd, #e4d1d1); } .has-purple-to-red-gradient-background { - background: linear-gradient(160deg, #d1d1e4, #e4d1d1); + background: linear-gradient(160deg, #d1d1e4, #e4d1d1); } .has-red-to-purple-gradient-background { - background: linear-gradient(160deg, #e4d1d1, #d1d1e4); -} - -header * { - max-width: unset; -} - -main * { - max-width: unset; + background: linear-gradient(160deg, #e4d1d1, #d1d1e4); } +header *, +main *, footer * { - max-width: unset; + max-width: unset; } html, @@ -6668,12 +7228,13 @@ hr, main, section, footer { - max-width: none; + max-width: none; } .is-IE.is-dark-theme { - color: #fff; + color: #fff; } + .is-IE.is-dark-theme *, .is-IE.is-dark-theme a, .is-IE.is-dark-theme .site-description, @@ -6685,31 +7246,35 @@ footer { .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; + 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; + fill: #fff; } -/*# sourceMappingURL=ie.css.map */ \ No newline at end of file +.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 index 2c57979a76..07fc5c4ca1 100644 --- a/wp-content/themes/twentytwentyone/assets/css/print.css +++ b/wp-content/themes/twentytwentyone/assets/css/print.css @@ -2,6 +2,7 @@ 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: ---------------------------------------------------------------- @@ -12,166 +13,166 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272 # 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; - } + /* Margins & paddings */ + @page { + margin: 2cm; + } - .site-header { - padding: 0; - } + .entry .entry-header, + .entry, + .single .site-main > article > .entry-footer { + margin-top: 0; + margin-bottom: 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; - } + .site-footer .site-info { + margin: 0; + } - .has-background-dark * { - color: #000 !important; - } + .site-header { + padding: 0; + } - h1, -.entry-title, -.singular .entry-title, -.page-title { - font-size: 22pt; - font-weight: bold; - } + /* 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; + } - 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; - } + .has-background-dark * { + color: #000 !important; + } - .comment-meta, -.comment-meta .comment-author .fn { - font-size: 13pt; - } + h1, + .entry-title, + .singular .entry-title, + .page-title { + font-size: 22pt; + font-weight: bold; + } - /* Page breaks */ - a { - page-break-inside: avoid; - } + 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; + } - blockquote { - page-break-inside: avoid; - } + .comment-meta, + .comment-meta .comment-author .fn { + font-size: 13pt; + } - h1, -h2, -h3, -h4, -h5, -h6 { - page-break-after: avoid; - page-break-inside: avoid; - } + /* Page breaks */ + a { + page-break-inside: avoid; + } - img { - page-break-inside: avoid; - page-break-after: avoid; - } + blockquote { + page-break-inside: avoid; + } - table, -pre, -figure { - page-break-inside: avoid; - } + h1, + h2, + h3, + h4, + h5, + h6 { + page-break-after: avoid; + page-break-inside: avoid; + } - ul, -ol, -dl { - page-break-before: avoid; - } + img { + page-break-inside: avoid; + page-break-after: avoid; + } - /* Links */ - a:link, -a:visited, -a { - background: transparent; - font-weight: bold; - text-decoration: underline; - text-align: left; - } + table, + pre, + figure { + page-break-inside: avoid; + } - a[href^=http]:after { - content: " < " attr(href) "> "; - } + ul, + ol, + dl { + page-break-before: avoid; + } - a:after > img { - content: ""; - } + /* Links */ + a:link, + a:visited, + a { + background: transparent; + font-weight: bold; + text-decoration: underline; + text-align: left; + } - article a[href^="#"]:after { - content: ""; - } + a[href^=http]:after { + content: " < " attr(href) "> "; + } - a:not(:local-link):after { - content: " < " attr(href) "> "; - } + a:after > img { + content: ""; + } - .entry-title a:after { - content: "\a< " attr(href) "> "; - white-space: pre; - font-size: 14pt; - } + article a[href^="#"]:after { + content: ""; + } - .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: ""; - } + a:not(:local-link):after { + content: " < " attr(href) "> "; + } - /* 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-title a:after { + content: "\a< " attr(href) "> "; + white-space: pre; + font-size: 14pt; + } - .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; - } + .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; + } } - -/*# sourceMappingURL=print.css.map */ 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 index 41d4a5c411..8f24f06d00 100644 --- a/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css +++ b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css @@ -1,94 +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); - } + .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; - .respect-color-scheme-preference.is-dark-theme body { - background-color: var(--global--color-background); - } + /* Block: Table */ + --table--stripes-border-color: rgba(240, 240, 240, 0.15); + --table--stripes-background-color: rgba(240, 240, 240, 0.15); + } - #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; - transition: bottom 0.5s; - } - #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); - } + .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); - } + + .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); - } + + .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: calc(44px + 44px); - } + + body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav { + top: 88px; + } } @media only screen { - .primary-navigation-open #dark-mode-toggler { - display: none; - } + + .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); - } + + #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; - } + + .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 index 955a09aa77..2cf1d4ef15 100644 --- a/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css +++ b/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css @@ -1,96 +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); - } + .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; - .respect-color-scheme-preference.is-dark-theme body { - background-color: var(--global--color-background); - } + /* Block: Table */ + --table--stripes-border-color: rgba(240, 240, 240, 0.15); + --table--stripes-background-color: rgba(240, 240, 240, 0.15); + } - #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; - transition: bottom 0.5s; - } - #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); - } + .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: calc(44px + 44px); - } -} -@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; - } -} -/*# sourceMappingURL=style-dark-mode.css.map */ + .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.css b/wp-content/themes/twentytwentyone/assets/css/style-editor.css index ed3136ce5b..d6f1bd7819 100644 --- a/wp-content/themes/twentytwentyone/assets/css/style-editor.css +++ b/wp-content/themes/twentytwentyone/assets/css/style-editor.css @@ -1,358 +1,402 @@ @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; + + /* 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; + --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { - .admin-bar { - --global--admin-bar--height: 46px; - } + + .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; - } + + :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); + --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))); - } + + :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); - } + + :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; + 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; + 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; - } + + .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); + 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); + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + blockquote > *:first-child { - margin-top: 0; + margin-top: 0; } + blockquote > *:last-child { - margin-bottom: 0; + 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); + 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); + 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, +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 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.alignleft footer, +blockquote.alignright cite, blockquote.alignright footer { - font-size: var(--global--font-size-xs); - letter-spacing: var(--global--letter-spacing); + font-size: var(--global--font-size-xs); + letter-spacing: var(--global--letter-spacing); } + blockquote strong { - font-weight: var(--quote--font-weight-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)); + 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); + 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; - } + + blockquote { + padding-left: calc(0.5 * var(--global--spacing-horizontal)); + } + + blockquote:before { + left: 0; + } } img { - height: auto; - max-width: 100%; - vertical-align: middle; + height: auto; + max-width: 100%; + vertical-align: middle; } /* Classic editor images */ .entry-content img { - max-width: 100%; + max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ @@ -360,7 +404,7 @@ embed, iframe, object, video { - max-width: 100%; + max-width: 100%; } /* Media captions */ @@ -368,45 +412,47 @@ 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; + 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 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; + 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; + 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%; + 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%; } /* @@ -415,225 +461,259 @@ select:focus { * 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; + 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; + 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)); + + /* 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); } -.has-background .has-link-color a, .has-background.has-link-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); +.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; + 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); + 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)); + 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); + color: var(--global--color-primary); } + .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: var(--global--color-primary); + 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)); + 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: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; + 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); + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); } /** * Block Options */ -[data-block].wp-block-buttons { - margin-top: 0; - margin-bottom: 0; -} -[data-block].wp-block-buttons .wp-block-button:first-child { - margin-top: var(--global--spacing-vertical); -} -[data-block].wp-block-buttons .wp-block-button:last-child { - margin-bottom: var(--global--spacing-vertical); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); } -.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)); + 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); + 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); + 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)); + 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; + 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; + 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), +.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); + 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)); + 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; + color: inherit; } + .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: transparent; + 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; + 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; + 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; + 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; + outline-offset: inherit; + outline: inherit; } + .wp-block-button.is-style-squared { - border-radius: 0; + border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius], .wp-block-button__link[style*=radius] { - outline-offset: 2px; + outline-offset: 2px; } .wp-block-code code { - white-space: pre !important; - overflow-x: auto; + 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; + 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; + 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; + clear: both; } + [data-align=full] .wp-block-cover, [data-align=full] .wp-block-cover-image { - margin-top: 0; - margin-bottom: 0; + 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; + 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; + 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.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; + 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, @@ -642,8 +722,9 @@ a:hover { .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; + 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, @@ -652,8 +733,9 @@ a:hover { .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; + 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, @@ -662,8 +744,9 @@ a:hover { .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)); + 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, @@ -672,81 +755,96 @@ a:hover { .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); + color: var(--cover--color-foreground); } + .wp-block-cover h2, .wp-block-cover-image h2 { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); - padding: 0; - max-width: inherit; - text-align: inherit; + 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; + text-align: left; } + .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { - 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; + 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); + 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; + background-color: unset; } .wp-block-columns:not(.alignwide):not(.alignfull) { - clear: both; + clear: both; } + .wp-block-columns .wp-block, .wp-block-columns .wp-block-column { - max-width: inherit; + max-width: inherit; } + .wp-block-columns > .wp-block-column > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) { - margin-bottom: 0; + 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; + +.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-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), @@ -754,111 +852,134 @@ a:hover { .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); + 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; + 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; + 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; + 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); + 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)); + 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); + 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); + 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)); + 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: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; + 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); + 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; + outline-offset: inherit; + outline: inherit; } .wp-block-gallery figcaption { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-gallery figcaption a { - color: var(--global--color-white); + color: var(--global--color-white); } .wp-block-group { - display: block; - clear: both; - display: flow-root; + display: block; + clear: both; + display: flow-root; } -.wp-block-group:before, .wp-block-group:after { - content: ""; - display: block; - clear: both; + +.wp-block-group:before, +.wp-block-group:after { + content: ""; + display: block; + clear: both; } + .wp-block-group.has-background { - padding: var(--global--spacing-vertical); + padding: var(--global--spacing-vertical); } + [data-align=full] .wp-block-group.has-background { - margin-top: 0; - margin-bottom: 0; + 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); + 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)); + 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; + margin-top: 0; } + .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) { - margin-bottom: 0; + 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.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%; + margin: 0; + width: 100%; } .wp-block-heading h1, @@ -879,10 +1000,11 @@ h5, .wp-block-heading h6, h6, .h6 { - clear: both; - font-family: var(--heading--font-family); - font-weight: var(--heading--font-weight); + clear: both; + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); } + .wp-block-heading h1 strong, h1 strong, .h1 strong, @@ -901,8 +1023,9 @@ h5 strong, .wp-block-heading h6 strong, h6 strong, .h6 strong { - font-weight: var(--heading--font-weight-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"], @@ -921,917 +1044,1122 @@ 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)); + 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); + 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); + 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); + 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); + 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); + 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); + 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); + 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 > div { - text-align: center; +.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; + 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); + 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); + padding: var(--global--spacing-unit); } .wp-block-latest-comments { - padding-left: 0; + padding-left: 0; } .wp-block-latest-posts { - padding-left: 0; + 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)); + 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; + margin-top: 0; } + .wp-block-latest-posts:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-latest-posts.is-grid { - word-wrap: break-word; - word-break: break-word; + word-wrap: break-word; + word-break: break-word; } + .wp-block-latest-posts.is-grid > li { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-latest-posts.is-grid > li:last-child { - margin-bottom: 0; + 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)); + 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; + margin-top: 0; } + .wp-block-latest-posts > li > *:last-child { - margin-bottom: 0; + 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)); + 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); + 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); + 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; + +[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)); + 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); + 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); + 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; + 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); + 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); + 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); + 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-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); + 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); + 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); + 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%; + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; } + .gallery-columns-2 .gallery-item { - max-width: 50%; + max-width: 50%; } + .gallery-columns-3 .gallery-item { - max-width: 33.33%; + max-width: 33.33%; } + .gallery-columns-4 .gallery-item { - max-width: 25%; + max-width: 25%; } + .gallery-columns-5 .gallery-item { - max-width: 20%; + max-width: 20%; } + .gallery-columns-6 .gallery-item { - max-width: 16.66%; + max-width: 16.66%; } + .gallery-columns-7 .gallery-item { - max-width: 14.28%; + max-width: 14.28%; } + .gallery-columns-8 .gallery-item { - max-width: 12.5%; + max-width: 12.5%; } + .gallery-columns-9 .gallery-item { - max-width: 11.11%; + max-width: 11.11%; } .gallery-caption { - display: block; + display: block; } ul, ol { - font-family: var(--list--font-family); - margin: var(--global--spacing-vertical) 0; - padding-left: calc(2 * var(--global--spacing-horizontal)); + 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; + list-style-position: inside; + padding: 0; + text-align: center; } + ul.alignright, ol.alignright { - list-style-position: inside; - padding: 0; - text-align: right; + list-style-position: inside; + padding: 0; + text-align: right; } li > ul, li > ol { - margin: 0; + margin: 0; } dt { - font-family: var(--definition-term--font-family); - font-weight: bold; + 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); + margin-top: 0; + margin-bottom: 0; } -.wp-block-navigation [data-block] { - margin-top: revert; - margin-bottom: revert; +.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 .wp-block-navigation__container { - background: var(--global--color-background); + background: var(--global--color-background); + padding: 0; } + +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { + padding: var(--primary-nav--padding); +} + .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); + 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); + 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 > 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; + color: currentColor; } p { - line-height: var(--wp--typography--line-height, var(--global--line-height-body)); + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } + p.has-background { - padding: var(--global--spacing-unit); + padding: var(--global--spacing-unit); } pre.wp-block-preformatted { - overflow-x: auto; - white-space: pre !important; - font-size: var(--global--font-size-xs); + 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; + 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; + 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; + 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; + 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; + 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; + 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); + 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 { + padding: calc(5 * var(--global--spacing-unit)); + } } + .wp-block-pullquote.is-style-solid-color blockquote::before { - text-align: left; + 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.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%; + margin: 0; + max-width: 100%; } + .wp-block-pullquote.is-style-solid-color blockquote p { - font-size: var(--pullquote--font-size); + 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; + color: currentColor; } .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { - padding: 0 calc(2 * var(--global--spacing-unit)); + 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); + padding: var(--global--spacing-unit); } .wp-block-query.has-background { - padding: calc(0.666 * var(--global--spacing-vertical)); + 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-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); + 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); + 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); + 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)); + 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: var(--global--color-primary); - font-size: var(--global--font-size-xs); - font-style: var(--quote--font-style-cite); + 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; + +.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; + 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; + 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; + 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; + margin: var(--global--spacing-vertical) auto; } + .wp-block-quote.has-text-align-center:before { - display: none; + 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, +.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 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: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: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; + +.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; - } + + .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; - } + + .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-quote { + margin-left: auto; + } + + .wp-block-quote.has-text-align-right { + margin-right: auto; + } } .wp-block-rss { - padding-left: 0; + padding-left: 0; } + .wp-block-rss > li { - list-style: none; + 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)); + 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; + margin-top: 0; } + .wp-block-rss:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-rss.is-grid > li { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-rss.is-grid > li:last-child { - margin-bottom: 0; + 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.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)); + 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; + margin-top: 0; } + .wp-block-rss > li > *:last-child { - margin-bottom: 0; + 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)); + 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); + 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); + 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; + +[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)); + 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); + 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; + +.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); + 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); + 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); + 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); + 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; + 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; + 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); + 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)); + 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); + 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); + 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)); + 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: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; + 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); + 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; + 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; + 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-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; + +.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; + outline-offset: inherit; + outline: inherit; } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { - padding: var(--form--border-width); + padding: var(--form--border-width); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__input { - border: none; + 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); + +.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, +.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); + +.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); + padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block[data-align=center] > * { - text-align: center; + text-align: center; } .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { - justify-content: center; + justify-content: center; } .wp-block-separator, hr { - border-bottom: var(--separator--height) solid var(--separator--border-color); - clear: both; - opacity: 1; + 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"], + +.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); + 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); + max-width: var(--responsive--aligndefault-width); } -[data-align=full] > .wp-block-separator, [data-align=wide] > .wp-block-separator, + +[data-align=full] > .wp-block-separator, +[data-align=wide] > .wp-block-separator, [data-align=full] > hr, [data-align=wide] > hr { - max-width: inherit; + 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)); + border-bottom-width: calc(3 * var(--separator--height)); } + .wp-block-separator.is-style-dots, hr.is-style-dots { - border-bottom: none; + border-bottom: none; } -.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color, + +.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; + background-color: transparent !important; } -.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before, + +.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; + color: currentColor !important; } + .wp-block-separator.is-style-dots:before, hr.is-style-dots:before { - color: var(--separator--border-color); + 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 .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; + border-color: currentColor; } .wp-block-social-links [data-block] { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { - color: var(--global--color-primary); + color: var(--global--color-primary); } + .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { - background: none; + background: none; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { - text-align: center; + text-align: center; } + table th, .wp-block-table th { - font-family: var(--heading--font-family); + 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)); + 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, + +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); + color: var(--table--has-background-text-color); } + table.is-style-stripes, .wp-block-table.is-style-stripes { - border-color: var(--table--stripes-border-color); + 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; + 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); + 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); + 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; + background: transparent; + border: 0; + text-align: center; + line-height: 2; + vertical-align: middle; } + table.wp-calendar-table th { - font-weight: bold; + font-weight: bold; } + table.wp-calendar-table thead, table.wp-calendar-table tbody { - color: currentColor; - border: 1px solid; + color: currentColor; + border: 1px solid; } + table.wp-calendar-table caption { - font-weight: bold; - text-align: left; - margin-bottom: var(--global--spacing-unit); - color: currentColor; + 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); + text-align: left; + margin-top: calc(var(--global--spacing-unit) / 2); } + .wp-calendar-nav svg { - height: 1em; - vertical-align: middle; + height: 1em; + vertical-align: middle; } + .wp-calendar-nav svg path { - fill: currentColor; + fill: currentColor; } + .wp-calendar-nav .wp-calendar-nav-next { - float: right; + float: right; } .wp-block-tag-cloud.aligncenter { - text-align: center; + text-align: center; } pre.wp-block-verse { - padding: 0; - color: currentColor; + padding: 0; + color: currentColor; } :root .is-extra-small-text, :root .has-extra-small-font-size { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + :root .is-small-text, :root .has-small-font-size { - font-size: var(--global--font-size-sm); + 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); + 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); + 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); + 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); + 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); + font-size: var(--global--font-size-xxxl); + line-height: var(--global--line-height-heading); + font-weight: var(--heading--font-weight-page-title); } /** @@ -1839,30 +2167,31 @@ pre.wp-block-verse { * - 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); + 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); + 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); + font-family: var(--global--font-secondary); + font-size: var(--global--font-size-md); } .has-primary-color[class] { - color: var(--global--color-primary); + color: var(--global--color-primary); } .has-secondary-color[class] { - color: var(--global--color-secondary); + color: var(--global--color-secondary); } .has-background a, @@ -1873,198 +2202,217 @@ pre.wp-block-verse { .has-background h4, .has-background h5, .has-background h6 { - color: currentColor; + color: currentColor; } .has-primary-background-color[class] { - background-color: var(--global--color-primary); - color: var(--global--color-background); + 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); + 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); + 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); + 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); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } .wp-block { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } -.wp-block[data-align=wide], .wp-block.alignwide { - max-width: var(--responsive--alignwide-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; + +.wp-block[data-align=full], +.wp-block.alignfull { + max-width: none; } .alignleft { - margin: 0; - margin-right: var(--global--spacing-horizontal); + margin: 0; + margin-right: var(--global--spacing-horizontal); } .alignright { - margin: 0; - margin-left: var(--global--spacing-horizontal); + 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)); + 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[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; + border: none; } .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { - left: 5px; + left: 5px; } html { - font-family: var(--global--font-secondary); - line-height: var(--global--line-height-body); + 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--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; + color: 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 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; + cursor: pointer; } .has-black-color[class] { - color: var(--global--color-black); + color: var(--global--color-black); } + .has-black-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-black, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-black, #000); + color: var(--local--color-primary); } .has-gray-color[class] { - color: var(--global--color-gray); + color: var(--global--color-gray); } + .has-gray-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-gray, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-gray, #000); + color: var(--local--color-primary); } .has-dark-gray-color[class] { - color: var(--global--color-dark-gray); + color: var(--global--color-dark-gray); } + .has-dark-gray-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-dark-gray, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-dark-gray, #000); + color: var(--local--color-primary); } .has-green-color[class] { - color: var(--global--color-green); + color: var(--global--color-green); } + .has-green-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-green, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-green, #fff); + color: var(--local--color-primary); } .has-blue-color[class] { - color: var(--global--color-blue); + color: var(--global--color-blue); } + .has-blue-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-blue, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-blue, #fff); + color: var(--local--color-primary); } .has-purple-color[class] { - color: var(--global--color-purple); + color: var(--global--color-purple); } + .has-purple-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-purple, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-purple, #fff); + color: var(--local--color-primary); } .has-red-color[class] { - color: var(--global--color-red); + color: var(--global--color-red); } + .has-red-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-red, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-red, #fff); + color: var(--local--color-primary); } .has-orange-color[class] { - color: var(--global--color-orange); + color: var(--global--color-orange); } + .has-orange-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-orange, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-orange, #fff); + color: var(--local--color-primary); } .has-yellow-color[class] { - color: var(--global--color-yellow); + color: var(--global--color-yellow); } + .has-yellow-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-yellow, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-yellow, #fff); + color: var(--local--color-primary); } .has-white-color[class] { - color: var(--global--color-white); + color: var(--global--color-white); } + .has-white-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-white, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-white, #fff); + color: var(--local--color-primary); } .has-background a, @@ -2075,148 +2423,186 @@ a { .has-background h4, .has-background h5, .has-background h6 { - color: currentColor; + color: currentColor; } .has-black-background-color[class] { - background-color: var(--global--color-black); + background-color: var(--global--color-black); } + .has-black-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-black, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-dark-gray); } + .has-dark-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-dark-gray, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-gray); } + .has-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-gray, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-light-gray); } + .has-light-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-light-gray, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-green); } + .has-green-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-green, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-blue); } + .has-blue-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-blue, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-purple); } + .has-purple-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-purple, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-red); } + .has-red-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-red, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-orange); } + .has-orange-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-orange, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-yellow); } + .has-yellow-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-yellow, #FFFFFF); - background-color: var(--local--color-background); + --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, #FFFFFF); - background-color: var(--local--color-background); + background-color: var(--global--color-white); } -.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-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] > [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, #FFFFFF); - color: var(--local--color-primary, var(--global--color-primary)); + +.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); } -.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, #000000); + +.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)); } -.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); + +.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] > [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, #000000); - color: var(--local--color-primary, var(--global--color-primary)); + +.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); } -.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, #FFFFFF); + +.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)); + 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)); + 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)); + 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)); + 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)); + 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)); + 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)); + 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)); + background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); } - -/*# sourceMappingURL=style-editor.css.map */ diff --git a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss index 38b4a7e550..028376dabb 100644 --- a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss +++ b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss @@ -1,16 +1,16 @@ .wp-block-navigation { - [data-block] { - margin-top: revert; - margin-bottom: revert; - } - .wp-block-navigation__container { background: var(--global--color-background); + padding: 0; } .wp-block-navigation-link { + .wp-block-navigation-link__content { + padding: var(--primary-nav--padding); + } + .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); diff --git a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss index d991e52cc3..3e3b1ca348 100644 --- a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss +++ b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss @@ -1,6 +1,12 @@ .wp-block-navigation { .wp-block-navigation-link { + padding: 0; + + .wp-block-navigation-link__content { + padding: var(--primary-nav--padding); + } + .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); @@ -24,16 +30,35 @@ .wp-block-navigation__container { border: none; left: 0; + margin-left: var(--primary-nav--padding); min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit; + .wp-block-navigation-link { + + .wp-block-navigation-link__content { + display: inline-block; + padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); + } + } + .wp-block-navigation-link__submenu-icon { display: none; } } + + &:hover, + &:focus-within { + + .wp-block-navigation__container { + display: block; + opacity: 1; + visibility: visible; + } + } } > .has-child { diff --git a/wp-content/themes/twentytwentyone/style-rtl.css b/wp-content/themes/twentytwentyone/style-rtl.css index 1737c47ba0..5880cd2f05 100644 --- a/wp-content/themes/twentytwentyone/style-rtl.css +++ b/wp-content/themes/twentytwentyone/style-rtl.css @@ -1,4 +1,5 @@ @charset "UTF-8"; + /* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ @@ -6,9 +7,9 @@ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 -Tested up to: 5.8 +Tested up to: 6.0 Requires PHP: 5.6 -Version: 1.4 +Version: 1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone @@ -17,6 +18,7 @@ Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, 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. @@ -64,7 +66,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. - * Spacer...............Specific styles for the spacer block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. @@ -92,252 +93,274 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * 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 */ - --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; + + /* 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; + --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { - .admin-bar { - --global--admin-bar--height: 46px; - } + + .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; - } + + :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; + } } + /*! 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 */ + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ + /** * Remove the margin in all browsers. */ body { - margin: 0; + margin: 0; } /** * Render the `main` element consistently in IE. */ main { - display: block; + display: block; } /** @@ -345,23 +368,21 @@ main { * `article` contexts in Chrome, Firefox, and Safari. */ h1 { - font-size: 2em; - margin: 0.67em 0; + 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 */ + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -369,20 +390,19 @@ hr { * 2. Correct the odd `em` font sizing in all browsers. */ pre { - font-family: monospace; - /* 1 */ - font-size: 1em; - /* 2 */ + 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; + background-color: transparent; + text-decoration-thickness: 1px; } /** @@ -390,12 +410,9 @@ a { * 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 */ + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration-style: dotted; /* 2 */ } /** @@ -403,7 +420,7 @@ abbr[title] { */ b, strong { - font-weight: bolder; + font-weight: bolder; } /** @@ -413,17 +430,15 @@ strong { code, kbd, samp { - font-family: monospace; - /* 1 */ - font-size: 1em; - /* 2 */ + font-family: monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { - font-size: 80%; + font-size: 80%; } /** @@ -432,31 +447,33 @@ small { */ sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* Embedded content ========================================================================== */ + /** * Remove the border on images inside links in IE 10. */ img { - border-style: none; + border-style: none; } /* Forms ========================================================================== */ + /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. @@ -466,14 +483,10 @@ input, optgroup, select, textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ } /** @@ -481,9 +494,8 @@ textarea { * 1. Show the overflow in Edge. */ button, -input { - /* 1 */ - overflow: visible; +input { /* 1 */ + overflow: visible; } /** @@ -491,9 +503,8 @@ input { * 1. Remove the inheritance of text transform in Firefox. */ button, -select { - /* 1 */ - text-transform: none; +select { /* 1 */ + text-transform: none; } /** @@ -503,7 +514,7 @@ button, [type=button], [type=reset], [type=submit] { - -webkit-appearance: button; + -webkit-appearance: button; } /** @@ -513,8 +524,8 @@ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; + border-style: none; + padding: 0; } /** @@ -524,14 +535,14 @@ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; + outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { - padding: 0.35em 0.75em 0.625em; + padding: 0.35em 0.75em 0.625em; } /** @@ -541,32 +552,26 @@ fieldset { * `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 */ + 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; + vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { - overflow: auto; + overflow: auto; } /** @@ -575,10 +580,8 @@ textarea { */ [type=checkbox], [type=radio] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -586,7 +589,7 @@ textarea { */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { - height: auto; + height: auto; } /** @@ -594,17 +597,15 @@ textarea { * 2. Correct the outline style in Safari. */ [type=search] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ + -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; + -webkit-appearance: none; } /** @@ -612,127 +613,152 @@ textarea { * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive ========================================================================== */ + /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { - display: block; + display: block; } /* * Add the correct display in all browsers. */ summary { - display: list-item; + display: list-item; } /* Misc ========================================================================== */ + /** * Add the correct display in IE 10+. */ template { - display: none; + display: none; } /** * Add the correct display in IE 10. */ [hidden] { - display: none; + display: none; } /** * 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); + --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))); - } + + :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); - } + + :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 */ -.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), -*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width { - max-width: var(--responsive--aligndefault-width); - margin-right: auto; - margin-left: auto; +.post-thumbnail, +.entry-content .wp-audio-shortcode, +.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), +*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), +.default-max-width { + max-width: var(--responsive--aligndefault-width); + margin-right: auto; + margin-left: auto; } -.widget-area, .pagination, -.comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width { - max-width: var(--responsive--alignwide-width); - margin-right: auto; - margin-left: auto; +.widget-area, +.pagination, +.comments-pagination, +.post-navigation, +.site-footer, +.site-header, +.alignwide, +.wide-max-width { + max-width: var(--responsive--alignwide-width); + margin-right: auto; + margin-left: auto; } -.alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width { - max-width: var(--responsive--alignfull-width); - width: var(--responsive--alignfull-width); - margin-right: auto; - margin-left: auto; +.alignfull, +.wp-block-group .wp-block-group__inner-container > *.alignfull, +.full-max-width { + max-width: var(--responsive--alignfull-width); + width: var(--responsive--alignfull-width); + margin-right: auto; + margin-left: auto; } @media only screen and (min-width: 482px) { - .alignfull, .full-max-width { - max-width: var(--responsive--alignfull-width); - width: auto; - margin-right: auto; - margin-left: auto; - } + + .alignfull, + .full-max-width { + max-width: var(--responsive--alignfull-width); + width: auto; + margin-right: auto; + margin-left: auto; + } } -.entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide { - margin-right: auto; - margin-left: auto; - width: var(--responsive--alignwide-width); - max-width: var(--responsive--alignfull-width); + +.entry-header .post-thumbnail, +.singular .post-thumbnail, +.alignfull [class*=inner-container] > .alignwide, +.alignwide [class*=inner-container] > .alignwide { + margin-right: auto; + margin-left: auto; + width: var(--responsive--alignwide-width); + max-width: var(--responsive--alignfull-width); } @media only screen and (min-width: 482px) { - .entry-content > .alignleft { - margin-left: var(--responsive--alignleft-margin); - margin-right: var(--global--spacing-horizontal); - } + + .entry-content > .alignleft { + margin-left: var(--responsive--alignleft-margin); + margin-right: var(--global--spacing-horizontal); + } } @media only screen and (min-width: 482px) { - .entry-content > .alignright { - margin-left: var(--global--spacing-horizontal); - margin-right: var(--responsive--alignright-margin); - } + + .entry-content > .alignright { + margin-left: var(--global--spacing-horizontal); + margin-right: var(--responsive--alignright-margin); + } } + /** * Site Structure * @@ -741,6 +767,7 @@ template { * - `--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 @@ -749,20 +776,21 @@ template { .site-main, .widget-area, .site-footer { - padding-top: var(--global--spacing-vertical); - padding-bottom: var(--global--spacing-vertical); - margin-right: auto; - margin-left: auto; + padding-top: var(--global--spacing-vertical); + padding-bottom: var(--global--spacing-vertical); + margin-right: auto; + margin-left: auto; } .site-header { - padding-top: calc(0.75 * var(--global--spacing-vertical)); - padding-bottom: calc(2 * var(--global--spacing-vertical)); + padding-top: calc(0.75 * var(--global--spacing-vertical)); + padding-bottom: calc(2 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .site-header { - padding-bottom: calc(3 * var(--global--spacing-vertical)); - } + + .site-header { + padding-bottom: calc(3 * var(--global--spacing-vertical)); + } } /** @@ -770,25 +798,30 @@ template { * - Add double vertical margins here for clearer hierarchy */ .site-main > * { - margin-top: calc(3 * var(--global--spacing-vertical)); - margin-bottom: calc(3 * var(--global--spacing-vertical)); + margin-top: calc(3 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); } + .site-main > *:first-child { - margin-top: 0; + margin-top: 0; } + .site-main > *:last-child { - margin-bottom: 0; + 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 @@ -798,10 +831,10 @@ template { .entry-content, .entry-footer, .author-bio { - margin-top: var(--global--spacing-vertical); - margin-left: auto; - margin-bottom: var(--global--spacing-vertical); - margin-right: auto; + margin-top: var(--global--spacing-vertical); + margin-left: auto; + margin-bottom: var(--global--spacing-vertical); + margin-right: auto; } /* @@ -814,48 +847,52 @@ template { [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .site-main > article > *, -.site-main > .not-found > *, -.entry-content > *, -[class*=inner-container] > *, -.wp-block-template-part > *, -.wp-block-post-template :where(li > *) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .site-main > article > *, + .site-main > .not-found > *, + .entry-content > *, + [class*=inner-container] > *, + .wp-block-template-part > *, + .wp-block-post-template :where(li > *) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .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; + 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; + margin-bottom: 0; } .site-footer > *, .widget-area > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .site-footer > *, -.widget-area > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .site-footer > *, + .widget-area > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } /* @@ -867,22 +904,24 @@ template { .page-content > *, .comment-content > *, .widget > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + .entry-header > *:first-child, .post-thumbnail > *:first-child, .page-content > *:first-child, .comment-content > *:first-child, .widget > *:first-child { - margin-top: 0; + 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; + margin-bottom: 0; } /* @@ -890,16 +929,26 @@ template { * - Adds special margin overrides for alignment utility classes */ .entry-content > * { - /* Reset alignleft and alignright margins after alignfull */ + + /* 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 > *.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 > *:last-child, +.entry-content > *.alignfull.has-background { + margin-bottom: 0; } -.entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { - margin-top: var(--global--spacing-vertical); + +.entry-content > *.alignfull + .alignleft, +.entry-content > *.alignfull + .alignright { + margin-top: var(--global--spacing-vertical); } /** @@ -929,10 +978,10 @@ h3, h4, h5, h6 { - padding: 0; - margin: 0; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; + padding: 0; + margin: 0; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; } /** @@ -941,29 +990,32 @@ h6 { * 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: var(--global--font-secondary); - line-height: var(--global--line-height-body); + + /* Apply border-box across the entire page. */ + box-sizing: border-box; + font-family: var(--global--font-secondary); + line-height: var(--global--line-height-body); } /** * Relax the definition a bit, to allow components to override it manually. */ -*, *::before, *::after { - box-sizing: inherit; +*, +*::before, +*::after { + box-sizing: inherit; } body { - font-size: var(--global--font-size-base); - font-weight: normal; - color: var(--global--color-primary); - text-align: right; - background-color: var(--global--color-background); + font-size: var(--global--font-size-base); + font-weight: normal; + color: var(--global--color-primary); + text-align: right; + background-color: var(--global--color-background); } button { - cursor: pointer; + cursor: pointer; } .clear:before, @@ -978,9 +1030,9 @@ button { .site-content:after, .site-footer:before, .site-footer:after { - content: ""; - display: table; - table-layout: fixed; + content: ""; + display: table; + table-layout: fixed; } .clear:after, @@ -989,78 +1041,94 @@ button { .site-header:after, .site-content:after, .site-footer:after { - clear: both; + 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: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) 0; + padding: 0; + position: relative; + margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) 0; } + blockquote > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + blockquote > *:first-child { - margin-top: 0; + margin-top: 0; } + blockquote > *:last-child { - margin-bottom: 0; + 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); + 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); + 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-right: inherit; + +blockquote.alignleft, +blockquote.alignright { + padding-right: inherit; } -blockquote.alignleft p, blockquote.alignright p { - font-size: var(--heading--font-size-h5); - max-width: inherit; - width: 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.alignleft footer, +blockquote.alignright cite, blockquote.alignright footer { - font-size: var(--global--font-size-xs); - letter-spacing: var(--global--letter-spacing); + font-size: var(--global--font-size-xs); + letter-spacing: var(--global--letter-spacing); } + blockquote strong { - font-weight: var(--quote--font-weight-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; - right: calc(-0.5 * var(--global--spacing-horizontal)); + content: "“"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + position: absolute; + right: 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); + 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-right: calc(0.5 * var(--global--spacing-horizontal)); - } - blockquote:before { - right: 0; - } + + blockquote { + padding-right: calc(0.5 * var(--global--spacing-horizontal)); + } + + blockquote:before { + right: 0; + } } input[type=text], @@ -1078,14 +1146,15 @@ input[type=datetime], input[type=datetime-local], input[type=color], .site textarea { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - color: var(--form--color-text); - line-height: var(--global--line-height-body); - padding: var(--form--spacing-unit); - margin: 0 2px; - max-width: 100%; + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + color: var(--form--color-text); + line-height: var(--global--line-height-body); + padding: var(--form--spacing-unit); + margin: 0 2px; + max-width: 100%; } + input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, @@ -1101,10 +1170,11 @@ input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus { - color: var(--form--color-text); - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); + color: var(--form--color-text); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } + input[type=text]:disabled, input[type=email]:disabled, input[type=url]:disabled, @@ -1120,8 +1190,9 @@ input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .site textarea:disabled { - opacity: 0.7; + opacity: 0.7; } + .is-dark-theme input[type=text], .is-dark-theme input[type=email], .is-dark-theme input[type=url], @@ -1137,54 +1208,57 @@ input[type=color]:disabled, .is-dark-theme input[type=datetime-local], .is-dark-theme input[type=color], .is-dark-theme .site textarea { - background: var(--global--color-white-90); + background: var(--global--color-white-90); } input[type=search]:focus { - outline-offset: -7px; + outline-offset: -7px; } + .is-dark-theme input[type=search]:focus { - outline-color: var(--global--color-background); + outline-color: var(--global--color-background); } input[type=color] { - padding: calc(var(--form--spacing-unit) / 2); - height: calc(4 * var(--form--spacing-unit)); + padding: calc(var(--form--spacing-unit) / 2); + height: calc(4 * var(--form--spacing-unit)); } input[type=email], input[type=url] { - direction: ltr; + direction: ltr; } select { - border: var(--form--border-width) solid var(--form--border-color); - color: var(--form--color-text); - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - line-height: var(--global--line-height-body); - padding: var(--form--spacing-unit) var(--form--spacing-unit) var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)); - background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; - background-position: left var(--form--spacing-unit) top 60%; + border: var(--form--border-width) solid var(--form--border-color); + color: var(--form--color-text); + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + line-height: var(--global--line-height-body); + padding: var(--form--spacing-unit) var(--form--spacing-unit) var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)); + background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; + background-position: left var(--form--spacing-unit) top 60%; } + select:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } + .is-dark-theme select { - background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; - background-position: left var(--form--spacing-unit) top 60%; + background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; + background-position: left var(--form--spacing-unit) top 60%; } textarea { - width: 100%; + width: 100%; } label { - font-size: var(--form--font-size); - font-weight: var(--form--label-weight); - margin-bottom: calc(var(--global--spacing-vertical) / 3); + font-size: var(--form--font-size); + font-weight: var(--form--label-weight); + margin-bottom: calc(var(--global--spacing-vertical) / 3); } /** @@ -1193,218 +1267,242 @@ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { - input[type=checkbox], -input[type=radio] { - -webkit-appearance: none; - -moz-appearance: none; - position: relative; - width: 25px; - height: 25px; - border: var(--form--border-width) solid var(--form--border-color); - background: var(--global--color-white); - } - input[type=checkbox]:disabled, -input[type=radio]:disabled { - opacity: 0.7; - } - .is-dark-theme input[type=checkbox], -.is-dark-theme input[type=radio] { - background: var(--global--color-white-90); - } - input[type=checkbox]:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - input[type=checkbox]:after { - content: ""; - opacity: 0; - display: block; - right: 5px; - top: 2px; - position: absolute; - width: 7px; - height: 13px; - border: 3px solid var(--form--color-text); - border-top: 0; - border-right: 0; - transform: rotate(-30deg); - } - input[type=checkbox]:checked { - color: var(--form--color-text); - } - input[type=checkbox]:checked:after { - opacity: 1; - } + input[type=checkbox], + input[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + position: relative; + width: 25px; + height: 25px; + border: var(--form--border-width) solid var(--form--border-color); + background: var(--global--color-white); + } - input[type=radio] { - border-radius: 50%; - } - input[type=radio]:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - input[type=radio]:after { - content: ""; - opacity: 0; - display: block; - right: 3px; - top: 3px; - position: absolute; - width: 11px; - height: 11px; - border-radius: 50%; - background: var(--form--color-text); - } - input[type=radio]:checked { - border: 4px solid var(--form--border-color); - } - input[type=radio]:checked:after { - opacity: 1; - } - input[type=radio]:checked:focus { - outline-offset: 4px; - outline: 2px dotted var(--form--border-color); - } + input[type=checkbox]:disabled, + input[type=radio]:disabled { + opacity: 0.7; + } + + .is-dark-theme input[type=checkbox], + .is-dark-theme input[type=radio] { + background: var(--global--color-white-90); + } + + input[type=checkbox]:focus { + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + input[type=checkbox]:after { + content: ""; + opacity: 0; + display: block; + right: 5px; + top: 2px; + position: absolute; + width: 7px; + height: 13px; + border: 3px solid var(--form--color-text); + border-top: 0; + border-right: 0; + transform: rotate(-30deg); + } + + input[type=checkbox]:checked { + color: var(--form--color-text); + } + + input[type=checkbox]:checked:after { + opacity: 1; + } + + input[type=radio] { + border-radius: 50%; + } + + input[type=radio]:focus { + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + input[type=radio]:after { + content: ""; + opacity: 0; + display: block; + right: 3px; + top: 3px; + position: absolute; + width: 11px; + height: 11px; + border-radius: 50%; + background: var(--form--color-text); + } + + input[type=radio]:checked { + border: 4px solid var(--form--border-color); + } + + input[type=radio]:checked:after { + opacity: 1; + } + + input[type=radio]:checked:focus { + outline-offset: 4px; + outline: 2px dotted var(--form--border-color); + } } + input[type=checkbox] + label, input[type=radio] + label { - display: inline-block; - padding-right: 10px; - font-size: var(--global--font-size-xs); - vertical-align: top; + display: inline-block; + padding-right: 10px; + font-size: var(--global--font-size-xs); + 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: var(--form--color-ranged); - 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 var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; - } + 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: var(--form--color-ranged); + border-radius: 6px; + outline-offset: 10px; + } - input[type=range]::-moz-range-thumb { - border: 3px solid var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; - box-sizing: border-box; - } + input[type=range]:disabled { + opacity: 0.7; + } + + input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; + } + + input[type=range]::-moz-range-thumb { + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; + box-sizing: border-box; + } } + input[type=range]::-ms-track { - width: 100%; - height: 6px; - border-radius: 6px; - border-width: 19px 0; - border-color: var(--global--color-background); - background: transparent; - color: transparent; - cursor: pointer; + width: 100%; + height: 6px; + border-radius: 6px; + border-width: 19px 0; + border-color: var(--global--color-background); + background: transparent; + color: transparent; + cursor: pointer; } input[type=range]::-ms-fill-upper { - background: var(--form--color-ranged); - border-radius: 6px; + background: var(--form--color-ranged); + border-radius: 6px; } input[type=range]::-ms-fill-lower { - background: var(--form--color-ranged); - border-radius: 6px; + background: var(--form--color-ranged); + border-radius: 6px; } input[type=range]::-ms-thumb { - border: 3px solid var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; } fieldset { - display: grid; - border-color: var(--global--color-secondary); - padding: var(--global--spacing-horizontal); + display: grid; + border-color: var(--global--color-secondary); + padding: var(--global--spacing-horizontal); } + fieldset legend { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } + fieldset input[type=submit] { - max-width: max-content; + max-width: max-content; } + fieldset input:not([type=submit]) { - margin-bottom: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } -fieldset input[type=radio], fieldset input[type=checkbox] { - margin-bottom: 0; + +fieldset input[type=radio], +fieldset input[type=checkbox] { + margin-bottom: 0; } -fieldset input[type=radio] + label, fieldset input[type=checkbox] + label { - font-size: var(--form--font-size); - padding-right: 0; - margin-bottom: var(--global--spacing-unit); + +fieldset input[type=radio] + label, +fieldset input[type=checkbox] + label { + font-size: var(--form--font-size); + padding-right: 0; + margin-bottom: var(--global--spacing-unit); } ::-moz-placeholder { - opacity: 1; + opacity: 1; } .post-password-message { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } .post-password-form { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } + .post-password-form__label { - width: 100%; - margin-bottom: 0; + width: 100%; + margin-bottom: 0; } + .post-password-form input[type=password] { - flex-grow: 1; - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-left: calc(0.66 * var(--global--spacing-horizontal)); + flex-grow: 1; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-left: calc(0.66 * var(--global--spacing-horizontal)); } + .post-password-form__submit { - margin-top: calc(var(--global--spacing-vertical) / 3); + margin-top: calc(var(--global--spacing-vertical) / 3); } @media only screen and (min-width: 592px) { - .post-password-form__submit { - margin-right: calc(0.4 * var(--global--spacing-horizontal)); - } + + .post-password-form__submit { + margin-right: calc(0.4 * var(--global--spacing-horizontal)); + } } img { - height: auto; - max-width: 100%; - vertical-align: middle; + height: auto; + max-width: 100%; + vertical-align: middle; } /* Classic editor images */ .entry-content img { - max-width: 100%; + max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ @@ -1412,7 +1510,7 @@ embed, iframe, object, video { - max-width: 100%; + max-width: 100%; } /* Media captions */ @@ -1420,49 +1518,51 @@ 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; + 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 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; + 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; + 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; + font-weight: 700; } dfn, cite, em, i { - font-style: italic; + font-style: italic; } pre { - white-space: pre; - overflow-x: auto; + white-space: pre; + overflow-x: auto; } /* @@ -1471,63 +1571,74 @@ pre { * 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; + 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; + 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)); + + /* 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); } -.has-background .has-link-color a, .has-background.has-link-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); +.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)); } /* 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 var(--global--color-primary); + outline-offset: 5px; + outline: 2px solid var(--global--color-primary); } /** @@ -1540,16 +1651,17 @@ input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.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; + 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; } + .site .button:not(:hover):not(:active):not(.has-text-color), button:not(:hover):not(:active):not(.has-text-color), input[type=submit]:not(:hover):not(:active):not(.has-text-color), @@ -1557,8 +1669,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { - color: var(--global--color-background); + color: var(--global--color-background); } + .has-background .site .button:not(:hover):not(:active):not(.has-text-color), .has-background button:not(:hover):not(:active):not(.has-text-color), .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color), @@ -1566,8 +1679,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { - color: var(--local--color-background, var(--global--color-primary)); + color: var(--local--color-background, var(--global--color-primary)); } + .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background, @@ -1575,8 +1689,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { - color: var(--global--color-primary); + color: var(--global--color-primary); } + .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), @@ -1584,8 +1699,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: var(--global--color-primary); + background-color: var(--global--color-primary); } + .has-background .site .button:not(:hover):not(:active):not(.has-background), .has-background button:not(:hover):not(:active):not(.has-background), .has-background input[type=submit]:not(:hover):not(:active):not(.has-background), @@ -1593,9 +1709,11 @@ input[type=reset]:not(:hover):not(:active):not(.has-background), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: var(--local--color-primary, var(--global--color-primary)); + background-color: var(--local--color-primary, var(--global--color-primary)); } -.site .button:hover, .site .button:active, + +.site .button:hover, +.site .button:active, button:hover, button:active, input[type=submit]:hover, @@ -1608,10 +1726,11 @@ input[type=reset]:active, .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; + background-color: transparent; + border-color: currentColor; + color: inherit; } + .site .button:focus, button:focus, input[type=submit]:focus, @@ -1619,9 +1738,10 @@ 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; + outline-offset: -6px; + outline: 2px dotted currentColor; } + .site .button:disabled, button:disabled, input[type=submit]:disabled, @@ -1629,154 +1749,185 @@ input[type=reset]:disabled, .wp-block-search .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled, .wp-block-file a.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); + 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); + 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)); + 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); + 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); + 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)); + 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; + 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), +.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); + 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)); + 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; + color: inherit; } + .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: transparent; + 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 { - border-color: transparent !important; - background-color: var(--global--color-primary) !important; - color: var(--global--color-background) !important; + border-color: transparent !important; + background-color: var(--global--color-primary) !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; + 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; + color: var(--local--color-background, var(--global--color-background)) !important; } + .wp-block-button .is-style-squared .wp-block-button__link { - border-radius: 0; + border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius]:focus, .wp-block-button a.wp-block-button__link[style*=radius]:focus { - outline-offset: 2px; - outline: 2px dotted var(--button--color-background); + outline-offset: 2px; + outline: 2px dotted var(--button--color-background); } .wp-block-code { - border-color: var(--global--color-border); - border-radius: 0; - border-style: solid; - border-width: 0.1rem; - padding: var(--global--spacing-unit); + border-color: var(--global--color-border); + border-radius: 0; + border-style: solid; + border-width: 0.1rem; + padding: var(--global--spacing-unit); } + .wp-block-code code { - color: var(--global--color-primary); - white-space: pre; - overflow-x: auto; - display: block; + color: var(--global--color-primary); + white-space: pre; + overflow-x: auto; + display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { - clear: both; + clear: both; } + .wp-block-columns .wp-block-column > * { - margin-top: calc(0.66 * var(--global--spacing-vertical)); - margin-bottom: calc(0.66 * var(--global--spacing-vertical)); + margin-top: calc(0.66 * var(--global--spacing-vertical)); + margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-columns .wp-block-column > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-columns .wp-block-column > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-columns .wp-block-column > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-columns .wp-block-column > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-columns .wp-block-column:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: calc(0.66 * var(--global--spacing-vertical)); + margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-columns .wp-block-column:not(:last-child) { + margin-bottom: var(--global--spacing-vertical); + } } @media only screen and (min-width: 822px) { - .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: 0; - } + + .wp-block-columns .wp-block-column:not(:last-child) { + margin-bottom: 0; + } } + .wp-block-columns.is-style-twentytwentyone-columns-overlap { - justify-content: space-around; + 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-right: 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-right: 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-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { + margin-right: 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-right: 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-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), @@ -1784,222 +1935,267 @@ input[type=reset]:disabled, .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { - padding-right: var(--global--spacing-unit); - padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); } .wp-block-cover, .wp-block-cover-image { - background-color: var(--cover--color-background); - min-height: var(--cover--height); - margin-top: inherit; - margin-bottom: inherit; - /* 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. */ + background-color: var(--cover--color-background); + min-height: var(--cover--height); + 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; + clear: both; } + .wp-block-cover.alignfull, .wp-block-cover-image.alignfull { - margin-top: 0; - margin-bottom: 0; + 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: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + color: currentColor; + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .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; + 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: var(--wp--style--color--link, var(--global--color-primary)); + 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-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 { - color: var(--cover--color-foreground); + 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); - max-width: inherit; - text-align: inherit; - padding: 0; + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); + max-width: inherit; + text-align: inherit; + padding: 0; } + .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { - text-align: right; + text-align: right; } + .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { - 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: left; + text-align: left; } + .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { - width: calc(100% - calc(2 * var(--global--spacing-vertical))); + width: calc(100% - 2 * var(--global--spacing-vertical)); } + .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-cover .wp-block-cover__inner-container > *, -.wp-block-cover-image .wp-block-cover__inner-container > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-cover .wp-block-cover__inner-container > *, + .wp-block-cover-image .wp-block-cover__inner-container > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { - margin-top: 0; + 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; + margin-bottom: 0; } -.wp-block-cover.alignleft, .wp-block-cover.alignright, + +.wp-block-cover.alignleft, +.wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { - margin-top: 0; + margin-top: 0; } -.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *, + +.wp-block-cover.alignleft > *, +.wp-block-cover.alignright > *, .wp-block-cover-image.alignleft > *, .wp-block-cover-image.alignright > * { - margin-top: calc(2 * var(--global--spacing-vertical)); - margin-bottom: calc(2 * var(--global--spacing-vertical)); - padding-right: var(--global--spacing-horizontal); - padding-left: var(--global--spacing-horizontal); - width: 100%; + margin-top: calc(2 * var(--global--spacing-vertical)); + margin-bottom: calc(2 * var(--global--spacing-vertical)); + padding-right: var(--global--spacing-horizontal); + padding-left: var(--global--spacing-horizontal); + width: 100%; } -.wp-block-cover.has-left-content, .wp-block-cover.has-right-content, + +.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; + justify-content: center; } + .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); + 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; + 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; + opacity: inherit; } + .wp-block-file a.wp-block-file__button { - display: inline-block; + display: inline-block; } .wp-block-gallery { - margin: 0 auto; + margin: 0 auto; } + .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { - width: calc((100% - var(--global--spacing-unit)) / 2); + width: calc((100% - var(--global--spacing-unit)) / 2); } + .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { - margin: 0; - color: var(--global--color-white); - font-size: var(--global--font-size-xs); + margin: 0; + color: var(--global--color-white); + font-size: var(--global--font-size-xs); } + .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a { - color: var(--global--color-white); + color: var(--global--color-white); } + .wp-block-gallery .blocks-gallery-image figcaption a:focus, .wp-block-gallery .blocks-gallery-item figcaption a:focus { - background-color: transparent; - outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); - text-decoration: none; + background-color: transparent; + outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); + text-decoration: none; } + .wp-block-gallery .blocks-gallery-image a:focus img, .wp-block-gallery .blocks-gallery-item a:focus img { - outline-offset: 2px; + outline-offset: 2px; } .wp-block-group { - display: block; - clear: both; - display: flow-root; + display: block; + clear: both; + display: flow-root; } -.wp-block-group:before, .wp-block-group:after { - content: ""; - display: block; - clear: both; + +.wp-block-group:before, +.wp-block-group:after { + content: ""; + display: block; + clear: both; } + .wp-block-group .wp-block-group__inner-container { - margin-right: auto; - margin-left: auto; + margin-right: auto; + margin-left: auto; } + .wp-block-group .wp-block-group__inner-container > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-group .wp-block-group__inner-container > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-group .wp-block-group__inner-container > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-group .wp-block-group__inner-container > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-group .wp-block-group__inner-container > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-group.has-background { - padding: calc(0.666 * var(--global--spacing-vertical)); + padding: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-group.has-background { - padding: var(--global--spacing-vertical); - } + + .wp-block-group.has-background { + padding: var(--global--spacing-vertical); + } } + .wp-block-group.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - padding: var(--global--spacing-vertical); + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + padding: var(--global--spacing-vertical); } + .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, -.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, +.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, +.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, .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(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); - width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); - margin-right: calc(-1 * var(--global--spacing-vertical)); + max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); + width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); + margin-right: calc(-1 * var(--global--spacing-vertical)); } h1, @@ -2014,10 +2210,11 @@ h5, .h5, h6, .h6 { - clear: both; - font-family: var(--heading--font-family); - font-weight: var(--heading--font-weight); + clear: both; + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); } + h1 strong, .h1 strong, h2 strong, @@ -2030,598 +2227,746 @@ h5 strong, .h5 strong, h6 strong, .h6 strong { - font-weight: var(--heading--font-weight-strong); + font-weight: var(--heading--font-weight-strong); } h1, .h1 { - font-size: var(--heading--font-size-h1); - letter-spacing: var(--heading--letter-spacing-h1); - line-height: var(--heading--line-height-h1); + font-size: var(--heading--font-size-h1); + letter-spacing: var(--heading--letter-spacing-h1); + line-height: var(--heading--line-height-h1); } h2, .h2 { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); } h3, .h3 { - font-size: var(--heading--font-size-h3); - letter-spacing: var(--heading--letter-spacing-h3); - line-height: var(--heading--line-height-h3); + font-size: var(--heading--font-size-h3); + letter-spacing: var(--heading--letter-spacing-h3); + line-height: var(--heading--line-height-h3); } 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); + 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); } 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); + 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); } 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); + 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); } .wp-block-image { - text-align: center; + text-align: center; } + .wp-block-image figcaption { - color: var(--global--color-primary); - 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; + color: var(--global--color-primary); + 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; } + .wp-block-image .alignright { - margin-right: var(--global--spacing-horizontal); + margin-right: var(--global--spacing-horizontal); } + .wp-block-image .alignleft { - margin-left: var(--global--spacing-horizontal); + margin-left: var(--global--spacing-horizontal); } + .wp-block-image a:focus img { - outline-offset: 2px; + outline-offset: 2px; } .entry-content > *[class=wp-block-image], .entry-content [class*=inner-container] > *[class=wp-block-image] { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .entry-content > *[class=wp-block-image] + *, .entry-content [class*=inner-container] > *[class=wp-block-image] + * { - margin-top: 0; + margin-top: 0; } .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); + 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); + padding: var(--global--spacing-unit); } @media only screen and (min-width: 482px) { - .entry-content > .wp-block-image > .alignleft, -.entry-content > .wp-block-image > .alignright { - max-width: 50%; - } + + .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-right: 0; - margin-left: 0; - } + + .entry-content > .wp-block-image > .alignleft, + .entry-content > .wp-block-image > .alignright { + margin-right: 0; + margin-left: 0; + } } .wp-block-latest-comments { - padding-right: 0; + padding-right: 0; } + .wp-block-latest-comments .wp-block-latest-comments__comment { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-body); - /* Vertical margins logic */ - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-body); + + /* Vertical margins logic */ + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-latest-comments .wp-block-latest-comments__comment-meta { - font-family: var(--heading--font-family); + font-family: var(--heading--font-family); } + .wp-block-latest-comments .wp-block-latest-comments__comment-date { - color: var(--global--color-primary); - font-size: var(--global--font-size-sm); + color: var(--global--color-primary); + font-size: var(--global--font-size-sm); } + .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-body); - margin: 0; + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-body); + margin: 0; } .wp-block-latest-posts { - padding-right: 0; + padding-right: 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)); + 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; + margin-top: 0; } + .wp-block-latest-posts:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .widget-area .wp-block-latest-posts:not(.is-grid) > li { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-latest-posts.is-grid { - word-wrap: break-word; - word-break: break-word; + word-wrap: break-word; + word-break: break-word; } + .wp-block-latest-posts.is-grid > li { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-latest-posts.is-grid > li:last-child { - margin-bottom: 0; + 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.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: calc(0.333 * var(--global--spacing-vertical)); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + 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; + margin-top: 0; } + .wp-block-latest-posts > li > *:last-child { - margin-bottom: 0; + 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)); + 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)); } + .widget-area .wp-block-latest-posts > li > a { - font-size: var(--global--font-size-sm); - margin-bottom: 0; + font-size: var(--global--font-size-sm); + margin-bottom: 0; } + .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); + 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); + 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; + +[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)); + 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.alignfull { - padding-right: var(--global--spacing-unit); - padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); } -.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { - padding-right: 0; - padding-left: 0; + +.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, +.entry-content .has-background .wp-block-latest-posts.alignfull { + padding-right: 0; + padding-left: 0; } + .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); + 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); + 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; + 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); + 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-left: var(--global--spacing-horizontal); + margin: 0; + padding-top: var(--global--spacing-vertical); + padding-left: 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); + 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-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); + 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); + padding-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); + 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%; + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; } + .gallery-item a { - display: block; + display: block; } + .gallery-item a:focus img { - outline-offset: -2px; + outline-offset: -2px; } + .gallery-columns-2 .gallery-item { - max-width: 50%; + max-width: 50%; } + .gallery-columns-3 .gallery-item { - max-width: 33.33%; + max-width: 33.33%; } + .gallery-columns-4 .gallery-item { - max-width: 25%; + max-width: 25%; } + .gallery-columns-5 .gallery-item { - max-width: 20%; + max-width: 20%; } + .gallery-columns-6 .gallery-item { - max-width: 16.66%; + max-width: 16.66%; } + .gallery-columns-7 .gallery-item { - max-width: 14.28%; + max-width: 14.28%; } + .gallery-columns-8 .gallery-item { - max-width: 12.5%; + max-width: 12.5%; } + .gallery-columns-9 .gallery-item { - max-width: 11.11%; + max-width: 11.11%; } .gallery-caption { - display: block; + display: block; } figure.wp-caption a:focus img { - outline-offset: 2px; + outline-offset: 2px; } ul, ol { - font-family: var(--list--font-family); - margin: 0; - padding-right: calc(2 * var(--global--spacing-horizontal)); + font-family: var(--list--font-family); + margin: 0; + padding-right: calc(2 * var(--global--spacing-horizontal)); } + ul.aligncenter, ol.aligncenter { - list-style-position: inside; - padding: 0; + list-style-position: inside; + padding: 0; } + ul.alignright, ol.alignright { - list-style-position: inside; - text-align: left; - padding: 0; + list-style-position: inside; + text-align: left; + padding: 0; } ul { - list-style-type: disc; + list-style-type: disc; } + ul ul { - list-style-type: circle; + list-style-type: circle; } ol { - list-style-type: decimal; + list-style-type: decimal; } + ol ul { - list-style-type: circle; + list-style-type: circle; } dt { - font-family: var(--definition-term--font-family); - font-weight: bold; + font-family: var(--definition-term--font-family); + font-weight: bold; } dd { - margin: 0; - padding-right: calc(2 * var(--global--spacing-horizontal)); + margin: 0; + padding-right: calc(2 * var(--global--spacing-horizontal)); } .wp-block-media-text { - /** + + /** * Block Options */ } + .wp-block-media-text.alignfull { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-media-text a:focus img { - outline-offset: -1px; + outline-offset: -1px; } + .wp-block-media-text .wp-block-media-text__content { - padding: var(--global--spacing-horizontal); + padding: var(--global--spacing-horizontal); } @media only screen and (min-width: 592px) { - .wp-block-media-text .wp-block-media-text__content { - padding: var(--global--spacing-vertical); - } + + .wp-block-media-text .wp-block-media-text__content { + padding: var(--global--spacing-vertical); + } } + .wp-block-media-text .wp-block-media-text__content > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-media-text .wp-block-media-text__content > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-media-text .wp-block-media-text__content > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-media-text .wp-block-media-text__content > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-media-text .wp-block-media-text__content > *:last-child { - margin-bottom: 0; + 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: var(--global--spacing-vertical); - padding-bottom: var(--global--spacing-vertical); - } + + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + padding-top: var(--global--spacing-vertical); + padding-bottom: var(--global--spacing-vertical); + } } + .wp-block-media-text.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); + border: calc(3 * var(--separator--height)) solid var(--global--color-border); +} + +.wp-block-navigation .wp-block-navigation-link { + padding: 0; +} + +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { + padding: var(--primary-nav--padding); } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); + font-family: var(--primary-nav--font-family); + font-size: var(--primary-nav--font-size); + font-weight: var(--primary-nav--font-weight); } + .wp-block-navigation .wp-block-navigation-link__submenu-icon { - padding: 0; + padding: 0; } + .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { - display: inherit; + display: inherit; } + .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { - border: none; - right: 0; - min-width: max-content; - opacity: 0; - padding: 0; - position: inherit; - top: inherit; + border: none; + right: 0; + margin-right: var(--primary-nav--padding); + min-width: max-content; + opacity: 0; + padding: 0; + position: inherit; + top: inherit; } + +.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { + display: inline-block; + padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); +} + .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { - display: none; + display: none; } + +.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, +.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { + display: block; + opacity: 1; + visibility: visible; +} + .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { - background: var(--global--color-background); - margin: 0; - padding: 0; - position: absolute; - top: 100%; - border: 1px solid var(--primary-nav--border-color); -} -.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { - content: ""; - display: block; - position: absolute; - width: 0; - top: -10px; - right: var(--global--spacing-horizontal); - border-style: solid; - border-color: var(--primary-nav--border-color) transparent; - border-width: 0 7px 10px 7px; + background: var(--global--color-background); + margin: 0; + padding: 0; + position: absolute; + top: 100%; + border: 1px solid var(--primary-nav--border-color); } + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { - top: -9px; - border-color: var(--global--color-background) transparent; + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + right: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) 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: var(--global--color-background) transparent; +} + .wp-block-navigation:not(.has-background) .wp-block-navigation__container { - background: var(--global--color-background); + background: var(--global--color-background); } + .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { - background: var(--global--color-background); + background: var(--global--color-background); } -.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 > 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 > a:hover { - text-decoration: underline; - text-decoration-style: dotted; + text-decoration: underline; + text-decoration-style: dotted; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { - color: currentColor; + color: currentColor; } p { - line-height: var(--wp--typography--line-height, var(--global--line-height-body)); + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } + p.has-background { - padding: var(--global--spacing-unit); + padding: var(--global--spacing-unit); } + p.has-text-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); + color: var(--wp--style--color--link, var(--global--color-primary)); } pre.wp-block-preformatted { - overflow-x: auto; - white-space: pre; + overflow-x: auto; + white-space: pre; } .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; - /** + 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; + + /** * Block Options */ } + .wp-block-pullquote blockquote::before { - color: currentColor; - content: "“"; - display: block; - position: relative; - right: 0; - font-size: 3rem; - font-weight: 500; - line-height: 1; + color: currentColor; + content: "“"; + display: block; + position: relative; + right: 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; + 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; + color: currentColor; } + .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { - color: currentColor; - display: block; - font-size: var(--global--font-size-xs); - font-style: var(--pullquote--font-style); - text-transform: none; + color: currentColor; + display: block; + 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; + 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; + text-align: center; } -.wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote { - max-width: var(--responsive--alignwide-width); + +.wp-block-pullquote.alignwide > p, +.wp-block-pullquote.alignwide blockquote { + max-width: var(--responsive--alignwide-width); } -.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { - padding: 0 calc(2 * var(--global--spacing-unit)); + +.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, +.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { + padding: 0 calc(2 * var(--global--spacing-unit)); } + .wp-block-pullquote.is-style-solid-color { - color: var(--pullquote--color-foreground); - padding: calc(2.5 * var(--global--spacing-unit)); - border-width: var(--pullquote--border-width); - border-style: solid; - border-color: var(--pullquote--border-color); + color: var(--pullquote--color-foreground); + 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 { + padding: calc(5 * var(--global--spacing-unit)); + } } + .wp-block-pullquote.is-style-solid-color blockquote::before { - text-align: right; + text-align: right; } + .wp-block-pullquote.is-style-solid-color blockquote { - margin: 0; - max-width: inherit; + margin: 0; + max-width: inherit; } + .wp-block-pullquote.is-style-solid-color blockquote p { - font-size: var(--pullquote--font-size); + 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; + color: currentColor; } -.wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright { - padding: var(--global--spacing-unit); + +.wp-block-pullquote.is-style-solid-color.alignleft, +.wp-block-pullquote.is-style-solid-color.alignright { + padding: var(--global--spacing-unit); } -.wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { - max-width: initial; + +.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: calc(0.666 * var(--global--spacing-vertical)); + 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-query.has-background { + padding: var(--global--spacing-vertical); + } } .wp-block-quote { - border-right: none; - /** + border-right: none; + + /** * Block Options */ } + .wp-block-quote:before { - content: "“"; - font-size: var(--quote--font-size); - line-height: var(--quote--line-height); - right: 8px; + content: "“"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + right: 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 .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, @@ -2630,865 +2975,1043 @@ pre.wp-block-preformatted { [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; + color: currentColor; } + .wp-block-quote.has-text-align-right { - margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal); - padding-left: 0; - border-left: none; + margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal); + padding-left: 0; + border-left: none; } + .wp-block-quote.has-text-align-right:before { - display: none; + 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-left: 5px; + content: "”"; + font-size: var(--quote--font-size); + font-weight: normal; + line-height: var(--quote--line-height); + margin-left: 5px; } + .wp-block-quote.has-text-align-center { - margin: var(--global--spacing-vertical) auto; + margin: var(--global--spacing-vertical) auto; } + .wp-block-quote.has-text-align-center:before { - display: none; + display: none; } -.wp-block-quote.is-large, .wp-block-quote.is-style-large { - padding-right: 0; - 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, +.wp-block-quote.is-style-large { + padding-right: 0; + 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 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); - right: calc(-1 * var(--global--spacing-horizontal)); + +.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); + right: 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: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-left: 10px; + +.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-left: 10px; } + .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-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: var(--global--color-primary); - font-size: var(--global--font-size-sm); + color: var(--global--color-primary); + font-size: var(--global--font-size-sm); } @media only screen and (max-width: 481px) { - .wp-block-quote.is-large, .wp-block-quote.is-style-large { - padding-right: var(--global--spacing-horizontal); - } - .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { - right: 0; - } - .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { - padding-right: 0; - padding-left: var(--global--spacing-horizontal); - } - .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { - left: 0; - } - .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { - padding-right: 0; - padding-left: 0; - } + + .wp-block-quote.is-large, + .wp-block-quote.is-style-large { + padding-right: var(--global--spacing-horizontal); + } + + .wp-block-quote.is-large:before, + .wp-block-quote.is-style-large:before { + right: 0; + } + + .wp-block-quote.is-large.has-text-align-right, + .wp-block-quote.is-style-large.has-text-align-right { + padding-right: 0; + padding-left: var(--global--spacing-horizontal); + } + + .wp-block-quote.is-large.has-text-align-right:before, + .wp-block-quote.is-style-large.has-text-align-right:before { + left: 0; + } + + .wp-block-quote.is-large.has-text-align-center, + .wp-block-quote.is-style-large.has-text-align-center { + padding-right: 0; + padding-left: 0; + } } @media only screen and (max-width: 481px) { - .wp-block-quote.has-text-align-right { - padding-right: 0; - padding-left: calc(0.5 * var(--global--spacing-horizontal)); - } - .wp-block-quote.has-text-align-right:before { - left: 0; - } - .wp-block-quote.has-text-align-center { - padding-right: 0; - padding-left: 0; - } + + .wp-block-quote.has-text-align-right { + padding-right: 0; + padding-left: calc(0.5 * var(--global--spacing-horizontal)); + } + + .wp-block-quote.has-text-align-right:before { + left: 0; + } + + .wp-block-quote.has-text-align-center { + padding-right: 0; + padding-left: 0; + } } .wp-block-rss { - padding-right: 0; + padding-right: 0; } + .wp-block-rss > li { - list-style: none; + 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)); + 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; + margin-top: 0; } + .wp-block-rss:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-rss.is-grid > li { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-rss.is-grid > li:last-child { - margin-bottom: 0; + 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.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)); + 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; + margin-top: 0; } + .wp-block-rss > li > *:last-child { - margin-bottom: 0; + 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)); + 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); + 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); + 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; + +[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)); + 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-right: var(--global--spacing-unit); - padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); } -.entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { - padding-right: 0; - padding-left: 0; + +.entry-content [class*=inner-container] .wp-block-rss.alignfull, +.entry-content .has-background .wp-block-rss.alignfull { + padding-right: 0; + padding-left: 0; } .wp-block-search { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } + .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { - justify-content: center; + justify-content: center; } + .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); + font-size: var(--form--font-size); + font-weight: var(--form--label-weight); + margin-bottom: calc(var(--global--spacing-vertical) / 3); } + .wp-block-search .wp-block-search__input { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - color: var(--form--color-text); - line-height: var(--form--line-height); - max-width: inherit; - margin-left: calc(-1 * var(--button--border-width)); - padding: var(--form--spacing-unit); + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + color: var(--form--color-text); + line-height: var(--form--line-height); + max-width: inherit; + margin-left: calc(-1 * var(--button--border-width)); + padding: var(--form--spacing-unit); } + .wp-block-search .wp-block-search__input:focus { - color: var(--form--color-text); - border-color: var(--form--border-color); + color: var(--form--color-text); + border-color: var(--form--border-color); } + .has-background .wp-block-search .wp-block-search__input { - border-color: var(--local--color-primary, var(--global--color-primary)) !important; + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } + .wp-block-search button.wp-block-search__button { - margin-right: 0; - line-height: 1; + margin-right: 0; + line-height: 1; } + .wp-block-search button.wp-block-search__button.has-icon { - padding: 6px calc(0.5 * var(--button--padding-horizontal)); + padding: 6px calc(0.5 * var(--button--padding-horizontal)); } + .wp-block-search button.wp-block-search__button.has-icon svg { - width: 40px; - height: 40px; - fill: currentColor; + width: 40px; + height: 40px; + fill: currentColor; } -.has-background .wp-block-search button.wp-block-search__button:hover, .has-background .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-background .wp-block-search button.wp-block-search__button:hover, +.has-background .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 button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active { - color: var(--local--color-primary, var(--global--color-primary)) !important; + +.has-text-color .wp-block-search button.wp-block-search__button:hover, +.has-text-color .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-inside .wp-block-search__inside-wrapper { - background-color: var(--global--color-white); - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - padding: var(--form--border-width); + background-color: var(--global--color-white); + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + padding: var(--form--border-width); } + .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { - border-color: var(--local--color-primary, var(--global--color-primary)) !important; + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { - margin-right: 0; - margin-left: 0; - padding-right: var(--form--spacing-unit); + margin-right: 0; + margin-left: 0; + padding-right: var(--form--spacing-unit); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { - color: var(--form--color-text); - outline-offset: -2px; - outline: 2px dotted var(--form--border-color); + color: var(--form--color-text); + outline-offset: -2px; + outline: 2px dotted var(--form--border-color); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { - padding: var(--button--padding-vertical) var(--button--padding-horizontal); + padding: var(--button--padding-vertical) var(--button--padding-horizontal); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { - color: var(--global--color-dark-gray); + color: var(--global--color-dark-gray); } + .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { - color: var(--global--color-dark-gray); + color: var(--global--color-dark-gray); } + .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { - background-color: var(--global--color-dark-gray); - color: var(--global--color-white); + background-color: var(--global--color-dark-gray); + color: var(--global--color-white); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { - padding: 6px calc(0.5 * var(--button--padding-horizontal)); + padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search__button { - box-shadow: none; + box-shadow: none; } hr { - border-style: none; - border-bottom: var(--separator--height) solid var(--separator--border-color); - clear: both; - margin-right: auto; - margin-left: auto; + border-style: none; + border-bottom: var(--separator--height) solid var(--separator--border-color); + clear: both; + margin-right: auto; + margin-left: auto; } + hr.wp-block-separator { - border-bottom: var(--separator--height) solid var(--separator--border-color); - opacity: 1; - /** + border-bottom: var(--separator--height) solid var(--separator--border-color); + opacity: 1; + + /** * Block Options */ } + hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } + hr.wp-block-separator:not(.is-style-dots).alignwide { - max-width: var(--responsive--alignwide-width); + max-width: var(--responsive--alignwide-width); } + hr.wp-block-separator:not(.is-style-dots).alignfull { - max-width: var(--responsive--alignfull-width); + max-width: var(--responsive--alignfull-width); } + hr.wp-block-separator.is-style-twentytwentyone-separator-thick { - border-bottom-width: calc(3 * var(--separator--height)); + border-bottom-width: calc(3 * var(--separator--height)); } -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, +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.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: var(--separator--border-color); - font-size: var(--global--font-size-xl); - letter-spacing: var(--global--font-size-sm); - padding-right: var(--global--font-size-sm); + color: var(--separator--border-color); + font-size: var(--global--font-size-xl); + letter-spacing: var(--global--font-size-sm); + padding-right: var(--global--font-size-sm); } -.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; + +.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: var(--global--color-primary); -} -.wp-block-social-links.is-style-twentytwentyone-social-icons-color a { - color: var(--global--color-primary); -} -.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; + color: var(--global--color-primary); } -.wp-block-spacer { - display: block; - margin-bottom: 0 !important; - margin-top: 0 !important; +.wp-block-social-links.is-style-twentytwentyone-social-icons-color a { + color: var(--global--color-primary); } -@media only screen and (max-width: 481px) { - .wp-block-spacer[style] { - height: var(--global--spacing-unit) !important; - } + +.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; + width: 100%; + min-width: 240px; + border-collapse: collapse; } + table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { - text-align: center; + text-align: center; } + table th, .wp-block-table th { - font-family: var(--heading--font-family); + 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)); - border: 1px solid; + padding: calc(0.5 * var(--global--spacing-unit)); + border: 1px solid; } + table figcaption, .wp-block-table figcaption { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); } -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, + +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); + color: var(--table--has-background-text-color); } + table.is-style-stripes, .wp-block-table.is-style-stripes { - border-color: var(--table--stripes-border-color); + 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; + 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); + 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); + 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; - word-break: normal; + background: transparent; + border: 0; + text-align: center; + line-height: 2; + vertical-align: middle; + word-break: normal; } + table.wp-calendar-table th { - font-weight: bold; + font-weight: bold; } + table.wp-calendar-table thead, table.wp-calendar-table tbody { - color: currentColor; - border: 1px solid; + color: currentColor; + border: 1px solid; } + table.wp-calendar-table caption { - font-weight: bold; - text-align: right; - margin-bottom: var(--global--spacing-unit); - color: currentColor; + font-weight: bold; + text-align: right; + margin-bottom: var(--global--spacing-unit); + color: currentColor; } .wp-calendar-nav { - text-align: right; - margin-top: calc(var(--global--spacing-unit) / 2); + text-align: right; + margin-top: calc(var(--global--spacing-unit) / 2); } + .wp-calendar-nav svg { - height: 1em; - vertical-align: middle; + height: 1em; + vertical-align: middle; } + .wp-calendar-nav svg path { - fill: currentColor; + fill: currentColor; } + .wp-calendar-nav .wp-calendar-nav-next { - float: left; + float: left; } .wp-block-tag-cloud.alignfull { - padding-right: var(--global--spacing-unit); - padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); } .wp-block-verse { - font-family: var(--entry-content--font-family); + font-family: var(--entry-content--font-family); } .wp-block-video figcaption { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - margin-top: calc(0.5 * var(--global--spacing-unit)); - margin-bottom: var(--global--spacing-unit); - text-align: center; + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + margin-top: calc(0.5 * var(--global--spacing-unit)); + margin-bottom: var(--global--spacing-unit); + text-align: center; } * > figure > video { - max-width: unset; - width: 100%; - vertical-align: middle; + max-width: unset; + width: 100%; + vertical-align: middle; } :root .is-extra-small-text, :root .has-extra-small-font-size { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + :root .is-small-text, :root .has-small-font-size { - font-size: var(--global--font-size-sm); + 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); + 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); + 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); + 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); + 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); + font-size: var(--global--font-size-xxxl); + line-height: var(--global--line-height-heading); + font-weight: var(--heading--font-weight-page-title); } /* Block Alignments */ + /** * These selectors set the default max width for content appearing inside a post or page. */ + /** * .alignleft */ .alignleft { - text-align: left; - margin-top: 0; + text-align: left; + margin-top: 0; } .entry-content > .alignleft { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { - .alignleft { - float: left; - margin-right: var(--global--spacing-horizontal); - margin-bottom: var(--global--spacing-vertical); - } - .entry-content > .alignleft { - max-width: calc(50% - var(--responsive--alignleft-margin)); - } + .alignleft { + float: left; + margin-right: var(--global--spacing-horizontal); + margin-bottom: var(--global--spacing-vertical); + } + + .entry-content > .alignleft { + max-width: calc(50% - var(--responsive--alignleft-margin)); + } } + /** * .aligncenter */ .aligncenter { - clear: both; - display: block; - float: none; - margin-left: auto; - margin-right: auto; - text-align: center; + clear: both; + display: block; + float: none; + margin-left: auto; + margin-right: auto; + text-align: center; } /** * .alignright */ .alignright { - margin-top: 0; - margin-bottom: var(--global--spacing-vertical); + margin-top: 0; + margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignright { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { - .alignright { - float: right; - margin-left: var(--global--spacing-horizontal); - } - .entry-content > .alignright { - max-width: calc(50% - var(--responsive--alignright-margin)); - } + .alignright { + float: right; + margin-left: var(--global--spacing-horizontal); + } + + .entry-content > .alignright { + max-width: calc(50% - var(--responsive--alignright-margin)); + } } + [class*=inner-container] > .alignleft + *, [class*=inner-container] > .alignright + * { - margin-top: 0; + margin-top: 0; } /** * .alignwide */ .alignwide { - clear: both; + clear: both; } /** * .alignfull */ .alignfull { - clear: both; + clear: both; } .has-left-content { - justify-content: flex-start; + justify-content: flex-start; } .has-right-content { - justify-content: flex-end; + justify-content: flex-end; } .has-parallax { - background-attachment: fixed; + background-attachment: fixed; } .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: right; - margin: 0.1em 0 0 0.1em; - font-size: calc(1.2 * var(--heading--font-size-h1)); + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); + line-height: 0.66; + text-transform: uppercase; + font-style: normal; + float: right; + margin: 0.1em 0 0 0.1em; + font-size: calc(1.2 * var(--heading--font-size-h1)); } .has-drop-cap:not(:focus)::after { - content: ""; - display: table; - clear: both; - padding-top: 14px; + content: ""; + display: table; + clear: both; + padding-top: 14px; } .desktop-only { - display: none; + display: none; } @media only screen and (min-width: 482px) { - .desktop-only { - display: block; - } + + .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: var(--global--spacing-vertical); + display: flex; + align-items: flex-start; + flex-wrap: wrap; + row-gap: var(--global--spacing-vertical); } + .wp-custom-logo .site-header { - align-items: center; + align-items: center; } @media only screen and (min-width: 482px) { - .site-header { - padding-top: calc(var(--global--spacing-vertical) / 0.75); - } + + .site-header { + padding-top: calc(var(--global--spacing-vertical) / 0.75); + } } @media only screen and (min-width: 822px) { - .site-header { - padding-top: calc(2.4 * var(--global--spacing-vertical)); - } + + .site-header { + padding-top: calc(2.4 * var(--global--spacing-vertical)); + } } .site-branding { - color: var(--branding--color-text); - margin-left: 140px; + color: var(--branding--color-text); + margin-left: 140px; } + .site-branding:last-child { - margin-left: 0; - width: 100%; - text-align: center; + margin-left: 0; + width: 100%; + text-align: center; } @media only screen and (min-width: 482px) { - .site-branding { - margin-left: initial; - margin-top: 4px; - } + + .site-branding { + margin-left: initial; + margin-top: 4px; + } } .site-title { - color: var(--branding--color-link); - font-family: var(--branding--title--font-family); - font-size: var(--branding--title--font-size-mobile); - letter-spacing: normal; - text-transform: var(--branding--title--text-transform); - line-height: var(--global--line-height-heading); - margin-bottom: calc(var(--global--spacing-vertical) / 6); + color: var(--branding--color-link); + font-family: var(--branding--title--font-family); + font-size: var(--branding--title--font-size-mobile); + letter-spacing: normal; + text-transform: var(--branding--title--text-transform); + line-height: var(--global--line-height-heading); + margin-bottom: calc(var(--global--spacing-vertical) / 6); } + .site-title a { - color: currentColor; - font-weight: var(--branding--title--font-weight); + color: currentColor; + font-weight: var(--branding--title--font-weight); } -.site-title a:link, .site-title a:visited, .site-title a:active { - color: currentColor; + +.site-title a:link, +.site-title a:visited, +.site-title a:active { + color: currentColor; } -.site-title a:hover, .site-title a:focus { - color: var(--branding--color-link-hover); + +.site-title a:hover, +.site-title a:focus { + color: var(--branding--color-link-hover); } @media only screen and (min-width: 482px) { - .site-title { - font-size: var(--branding--title--font-size); - } + + .site-title { + font-size: var(--branding--title--font-size); + } } .site-description { - color: currentColor; - font-family: var(--branding--description--font-family); - font-size: var(--branding--description--font-size); - line-height: 1.4; + color: currentColor; + font-family: var(--branding--description--font-family); + font-size: var(--branding--description--font-size); + line-height: 1.4; } .site-title > a { - text-decoration-color: var(--global--color-secondary); + text-decoration-color: var(--global--color-secondary); } .site-logo { - margin: calc(var(--global--spacing-vertical) / 2) 0; + margin: calc(var(--global--spacing-vertical) / 2) 0; } + .site-header > .site-logo { - width: 100%; - padding-bottom: calc(var(--global--spacing-vertical) * 1.5); - border-bottom: 1px solid; - text-align: center; + width: 100%; + padding-bottom: calc(var(--global--spacing-vertical) * 1.5); + border-bottom: 1px solid; + text-align: center; } + .site-logo .custom-logo { - margin-right: auto; - margin-left: auto; - max-width: var(--branding--logo--max-width-mobile); - max-height: var(--branding--logo--max-height-mobile); - height: auto; - display: inline-block; - width: auto; + margin-right: auto; + margin-left: auto; + max-width: var(--branding--logo--max-width-mobile); + max-height: var(--branding--logo--max-height-mobile); + height: auto; + display: inline-block; + width: auto; } @media only screen and (min-width: 482px) { - .site-logo .custom-logo { - max-width: var(--branding--logo--max-width); - max-height: var(--branding--logo--max-height); - height: auto; - width: auto; - } + + .site-logo .custom-logo { + max-width: var(--branding--logo--max-width); + max-height: var(--branding--logo--max-height); + 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: calc(0.5 * var(--global--spacing-vertical)); - margin-top: 0; - top: var(--global--admin-bar--height); - } - .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(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em); - } - .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-left: 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: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit))); - } - body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { - padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); - padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); - margin-left: calc(0px - var(--global--spacing-horizontal) * 0.6); - } - .site-header:not(.has-logo).has-title-and-tagline .site-branding { - margin-left: 0; - max-width: calc(100% - 160px); - } - .site-header:not(.has-menu) { - justify-content: center; - } + + .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { + position: absolute; + padding-top: calc(0.5 * var(--global--spacing-vertical)); + margin-top: 0; + top: var(--global--admin-bar--height); + } + + .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(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em); + } + + .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-left: 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: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit)); + } + + body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { + padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); + padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); + margin-left: calc(0px - var(--global--spacing-horizontal) * 0.6); + } + + .site-header:not(.has-logo).has-title-and-tagline .site-branding { + margin-left: 0; + max-width: calc(100% - 160px); + } + + .site-header:not(.has-menu) { + justify-content: center; + } } + .site-footer { - padding-top: 0; - padding-bottom: calc(1.7 * var(--global--spacing-vertical)); + padding-top: 0; + padding-bottom: calc(1.7 * var(--global--spacing-vertical)); } + .no-widgets .site-footer { - margin-top: calc(6 * var(--global--spacing-vertical)); + margin-top: calc(6 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { - .no-widgets .site-footer { - margin-top: calc(3 * var(--global--spacing-vertical)); - } + + .no-widgets .site-footer { + margin-top: calc(3 * var(--global--spacing-vertical)); + } } .site-footer > .site-info { - padding-top: var(--global--spacing-vertical); - color: var(--footer--color-text); - font-family: var(--footer--font-family); - font-size: var(--footer--font-size); - line-height: var(--global--line-height-body); - border-top: 3px solid var(--global--color-border); + padding-top: var(--global--spacing-vertical); + color: var(--footer--color-text); + font-family: var(--footer--font-family); + font-size: var(--footer--font-size); + line-height: var(--global--line-height-body); + border-top: 3px solid var(--global--color-border); } + .site-footer > .site-info .site-name { - text-transform: var(--branding--title--text-transform); - font-size: var(--branding--title--font-size); + text-transform: var(--branding--title--text-transform); + font-size: var(--branding--title--font-size); } + +.site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { - margin-top: calc(0.5 * var(--global--spacing-vertical)); + margin-top: calc(0.5 * var(--global--spacing-vertical)); } @media only screen and (min-width: 822px) { - .site-footer > .site-info { - display: flex; - align-items: center; - } - .site-footer > .site-info .powered-by { - margin-top: initial; - margin-right: auto; - } + + .site-footer > .site-info { + display: flex; + align-items: center; + } + + .site-footer > .site-info .site-name { + margin-left: calc(0.5 * var(--global--spacing-vertical)); + } + + .site-footer > .site-info .privacy-policy, + .site-footer > .site-info .powered-by { + margin-top: initial; + margin-right: auto; + } + + .site-footer > .site-info .privacy-policy + .powered-by { + margin-right: calc(0.5 * var(--global--spacing-vertical)); + } } + .site-footer > .site-info a { - color: var(--footer--color-link); + color: var(--footer--color-link); } -.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active { - color: var(--footer--color-link); + +.site-footer > .site-info a:link, +.site-footer > .site-info a:visited, +.site-footer > .site-info a:active { + color: var(--footer--color-link); } + .site-footer > .site-info a:hover { - color: var(--footer--color-link-hover); + color: var(--footer--color-link-hover); } + .site-footer > .site-info a:focus { - color: var(--footer--color-link-hover); + color: var(--footer--color-link-hover); } + .is-dark-theme .site-footer > .site-info a:focus { - color: var(--wp--style--color--link, var(--global--color-background)); + color: var(--wp--style--color--link, var(--global--color-background)); } + .has-background-white .site-footer > .site-info a:focus { - color: var(--wp--style--color--link, var(--global--color-white)); + color: var(--wp--style--color--link, var(--global--color-white)); } .singular .entry-header { - border-bottom: 3px solid var(--global--color-border); - padding-bottom: calc(2 * var(--global--spacing-vertical)); - margin-bottom: calc(3 * var(--global--spacing-vertical)); + border-bottom: 3px solid var(--global--color-border); + padding-bottom: calc(2 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); } .home .entry-header { - border-bottom: none; - padding-bottom: 0; - margin-bottom: 0; + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { - border-bottom: none; - padding-bottom: calc(1.3 * var(--global--spacing-vertical)); - margin-bottom: 0; + border-bottom: none; + padding-bottom: calc(1.3 * var(--global--spacing-vertical)); + margin-bottom: 0; } .no-results.not-found > *:first-child { - margin-bottom: calc(3 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); } .page-links { - clear: both; + clear: both; } + .page-links .post-page-numbers { - display: inline-block; - margin-right: calc(0.66 * var(--global--spacing-unit)); - margin-left: calc(0.66 * var(--global--spacing-unit)); - min-width: 44px; - min-height: 44px; + display: inline-block; + margin-right: calc(0.66 * var(--global--spacing-unit)); + margin-left: calc(0.66 * var(--global--spacing-unit)); + min-width: 44px; + min-height: 44px; } + .page-links .post-page-numbers:first-child { - margin-right: 0; + margin-right: 0; } .entry-title { - color: var(--entry-header--color); - font-size: var(--entry-header--font-size); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); - overflow-wrap: break-word; + color: var(--entry-header--color); + font-size: var(--entry-header--font-size); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); + overflow-wrap: break-word; } + .entry-title a { - color: var(--entry-header--color-link); - text-underline-offset: 0.15em; + color: var(--entry-header--color-link); + text-underline-offset: 0.15em; } + .entry-title a:hover { - color: var(--entry-header--color-hover); + color: var(--entry-header--color-hover); } + .entry-title a:focus { - color: var(--entry-header--color-focus); + color: var(--entry-header--color-focus); } + .entry-title a:active { - color: var(--entry-header--color-link); + color: var(--entry-header--color-link); } .singular .entry-title { - font-size: var(--global--font-size-page-title); + font-size: var(--global--font-size-page-title); } h1.entry-title { - line-height: var(--heading--line-height-h1); - font-weight: var(--heading--font-weight-page-title); + line-height: var(--heading--line-height-h1); + font-weight: var(--heading--font-weight-page-title); } /** @@ -3496,148 +4019,167 @@ h1.entry-title { */ .entry-content, .entry-summary { - font-family: var(--entry-content--font-family); + font-family: var(--entry-content--font-family); } .entry-content p { - word-wrap: break-word; + word-wrap: break-word; } + .entry-content > iframe[style] { - margin: var(--global--spacing-vertical) 0 !important; - max-width: 100% !important; + margin: var(--global--spacing-vertical) 0 !important; + max-width: 100% !important; } + .entry-footer { - color: var(--global--color-primary); - clear: both; - float: none; - font-size: var(--global--font-size-xs); - display: block; + color: var(--global--color-primary); + clear: both; + float: none; + font-size: var(--global--font-size-xs); + display: block; } + .entry-footer > span { - display: inline-block; + display: inline-block; } + .entry-footer a { - color: currentColor; + color: currentColor; } -.entry-footer a:hover, .entry-footer a:focus { - color: var(--global--color-primary-hover); + +.entry-footer a:hover, +.entry-footer a:focus { + color: var(--global--color-primary-hover); } + .entry-footer a:active { - color: currentColor; + color: currentColor; } .site-main > article > .entry-footer { - margin-top: var(--global--spacing-vertical); - padding-top: var(--global--spacing-unit); - padding-bottom: calc(3 * var(--global--spacing-vertical)); - border-bottom: var(--separator--height) solid var(--separator--border-color); + margin-top: var(--global--spacing-vertical); + padding-top: var(--global--spacing-unit); + padding-bottom: calc(3 * var(--global--spacing-vertical)); + border-bottom: var(--separator--height) solid var(--separator--border-color); } body:not(.single) .site-main > article:last-of-type .entry-footer { - border-bottom: var(--separator--height) solid transparent; + border-bottom: var(--separator--height) solid transparent; } .single .site-main > article > .entry-footer { - margin-top: calc(3.4 * var(--global--spacing-vertical)); - margin-bottom: calc(3.4 * var(--global--spacing-vertical)); - padding-bottom: 0; - padding-top: calc(0.8 * var(--global--spacing-vertical)); - border-top: 3px solid var(--separator--border-color); - border-bottom: var(--separator--height) solid transparent; - display: grid; - grid-template-columns: repeat(2, 1fr); - column-gap: calc(2 * var(--global--spacing-horizontal)); + margin-top: calc(3.4 * var(--global--spacing-vertical)); + margin-bottom: calc(3.4 * var(--global--spacing-vertical)); + padding-bottom: 0; + padding-top: calc(0.8 * var(--global--spacing-vertical)); + border-top: 3px solid var(--separator--border-color); + border-bottom: var(--separator--height) solid transparent; + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: calc(2 * var(--global--spacing-horizontal)); } + .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { - justify-content: flex-end; - text-align: left; + justify-content: flex-end; + text-align: left; } + .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { - grid-column: span 2; + 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; + 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: right; - } + + .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: right; + } } /** * Post Thumbnails */ .post-thumbnail { - text-align: center; + text-align: center; } + .post-thumbnail .wp-post-image { - display: block; - width: auto; - max-width: 100%; - margin-right: auto; - margin-left: auto; - margin-top: calc(2 * var(--global--spacing-vertical)); + display: block; + width: auto; + max-width: 100%; + margin-right: auto; + margin-left: auto; + margin-top: calc(2 * var(--global--spacing-vertical)); } /** * Author */ .author-bio { - position: relative; - font-size: var(--global--font-size-xs); - max-width: var(--responsive--aligndefault-width); + position: relative; + font-size: var(--global--font-size-xs); + max-width: var(--responsive--aligndefault-width); } + .site-main > article > .author-bio { - margin-top: calc(2 * var(--global--spacing-vertical)); + margin-top: calc(2 * var(--global--spacing-vertical)); } + .author-bio.show-avatars .avatar { - display: inline-block; - vertical-align: top; - border-radius: 50%; + display: inline-block; + vertical-align: top; + border-radius: 50%; } + .author-bio.show-avatars .author-bio-content { - display: inline-block; - padding-right: var(--global--spacing-horizontal); - max-width: calc(var(--responsive--aligndefault-width) - 90px); + display: inline-block; + padding-right: var(--global--spacing-horizontal); + max-width: calc(var(--responsive--aligndefault-width) - 90px); } + .author-bio .author-bio-content .author-title { - font-family: var(--entry-author-bio--font-family); - font-size: var(--entry-author-bio--font-size); - display: inline; + font-family: var(--entry-author-bio--font-family); + font-size: var(--entry-author-bio--font-size); + display: inline; } + .author-bio .author-bio-content .author-description { - font-size: var(--global--font-size-xs); - margin-top: calc(0.5 * var(--global--spacing-vertical)); - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + font-size: var(--global--font-size-xs); + margin-top: calc(0.5 * var(--global--spacing-vertical)); + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .page-title { - font-size: var(--global--font-size-page-title); + font-size: var(--global--font-size-page-title); } h1.page-title, h2.page-title { - font-weight: var(--heading--font-weight-page-title); + font-weight: var(--heading--font-weight-page-title); } h1.page-title { - line-height: var(--heading--line-height-h1); + line-height: var(--heading--line-height-h1); } .page-header { - border-bottom: 3px solid var(--global--color-border); - padding-bottom: calc(2 * var(--global--spacing-vertical)); + border-bottom: 3px solid var(--global--color-border); + padding-bottom: calc(2 * var(--global--spacing-vertical)); } .archive .content-area .format-aside .entry-content, @@ -3649,8 +4191,9 @@ h1.page-title { .blog .content-area .format-aside .entry-content, .blog .content-area .format-status .entry-content, .blog .content-area .format-link .entry-content { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } + .archive .format-image .entry-content, .archive .format-gallery .entry-content, .archive .format-video .entry-content, @@ -3660,61 +4203,68 @@ h1.page-title { .blog .format-image .entry-content, .blog .format-gallery .entry-content, .blog .format-video .entry-content { - margin-top: calc(2 * var(--global--spacing-vertical)); + margin-top: calc(2 * var(--global--spacing-vertical)); } + .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; + display: block; } + .archive.logged-in .entry-footer .posted-on, .search.logged-in .entry-footer .posted-on, .blog.logged-in .entry-footer .posted-on { - margin-left: calc(0.5 * var(--global--spacing-unit)); + margin-left: calc(0.5 * var(--global--spacing-unit)); } .archive-description { - margin-top: var(--global--spacing-vertical); - font-size: var(--global--font-size-xl); - line-height: var(--global--line-height-heading); + margin-top: var(--global--spacing-vertical); + font-size: var(--global--font-size-xl); + line-height: var(--global--line-height-heading); } .error404 main p { - font-size: var(--global--font-size-lg); - margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); + font-size: var(--global--font-size-lg); + margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); } .search-no-results .page-content { - margin-top: calc(3 * var(--global--spacing-vertical)); + margin-top: calc(3 * var(--global--spacing-vertical)); } /** * Comments Wrapper */ .comments-area > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .comments-area > *:first-child { - margin-top: 0; + margin-top: 0; } + .comments-area > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .comments-area.show-avatars .avatar { - border-radius: 50%; - position: absolute; - top: 10px; + border-radius: 50%; + position: absolute; + top: 10px; } + .comments-area.show-avatars .fn { - display: inline-block; - padding-right: 85px; + display: inline-block; + padding-right: 85px; } + .comments-area.show-avatars .comment-metadata { - padding: 8px 85px 9px 0; + padding: 8px 85px 9px 0; } /** @@ -3722,947 +4272,1104 @@ h1.page-title { */ .comments-title, .comment-reply-title { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); } .comment-reply-title { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } + .comment-reply-title small a { - font-family: var(--global--font-secondary); - font-size: var(--global--font-size-xs); - font-style: normal; - font-weight: normal; - letter-spacing: normal; + font-family: var(--global--font-secondary); + font-size: var(--global--font-size-xs); + font-style: normal; + font-weight: normal; + letter-spacing: normal; } /* Nested comment reply title*/ .comment .comment-respond .comment-reply-title { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } /** * Comment Lists */ .comment-list { - padding-right: 0; - list-style: none; + padding-right: 0; + list-style: none; } + .comment-list > li { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } .comment-list .children { - list-style: none; - padding-right: 0; + list-style: none; + padding-right: 0; } + .comment-list .children > li { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } @media only screen and (min-width: 482px) { - .comment-list .depth-2, -.comment-list .depth-3 { - padding-right: calc(4 * var(--global--spacing-horizontal)); - } + + .comment-list .depth-2, + .comment-list .depth-3 { + padding-right: calc(4 * var(--global--spacing-horizontal)); + } } /** * Comment Meta */ .comment-meta .comment-author { - line-height: var(--global--line-height-heading); - margin-bottom: calc(0.25 * var(--global--spacing-unit)); + line-height: var(--global--line-height-heading); + margin-bottom: calc(0.25 * var(--global--spacing-unit)); } @media only screen and (min-width: 482px) { - .comment-meta .comment-author { - margin-bottom: 0; - padding-left: 0; - } + + .comment-meta .comment-author { + margin-bottom: 0; + padding-left: 0; + } } + .comment-meta .comment-author .fn { - font-family: var(--global--font-secondary); - font-weight: normal; - font-size: var(--global--font-size-lg); - hyphens: auto; - word-wrap: break-word; - word-break: break-word; + font-family: var(--global--font-secondary); + font-weight: normal; + font-size: var(--global--font-size-lg); + hyphens: auto; + word-wrap: break-word; + word-break: break-word; } + .comment-meta .comment-metadata { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - padding: 8px 0 9px 0; + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + padding: 8px 0 9px 0; } + .comment-meta .comment-metadata .edit-link { - margin-right: var(--global--spacing-horizontal); + margin-right: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { - .comment-meta { - margin-left: inherit; - } - .comment-meta .comment-author { - max-width: inherit; - } + + .comment-meta { + margin-left: inherit; + } + + .comment-meta .comment-author { + max-width: inherit; + } } .reply { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-heading); + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-heading); } .bypostauthor { - display: block; + display: block; } .says { - display: none; + display: none; } .pingback .url, .trackback .url { - font-family: var(--global--font-primary); + font-family: var(--global--font-primary); } .comment-body { - position: relative; - margin-bottom: calc(1.7 * var(--global--spacing-vertical)); + position: relative; + margin-bottom: calc(1.7 * var(--global--spacing-vertical)); } + .comment-body > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .comment-body .reply { - margin: 0; + margin: 0; } .comment-content { - word-wrap: break-word; + word-wrap: break-word; } .pingback .comment-body, .trackback .comment-body { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } .comment-respond { - margin-top: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); } .comment-respond > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + .comment-respond > *:first-child { - margin-top: 0; + margin-top: 0; } + .comment-respond > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .comment-respond > *:last-child.comment-form { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } .comment-author { - padding-top: 3px; + padding-top: 3px; } + .comment-author .url { - color: currentColor; + color: currentColor; } .comment-form { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } + .comment-form > * { - flex-basis: 100%; + flex-basis: 100%; } + .comment-form .comment-notes { - font-size: var(--global--font-size-sm); + font-size: var(--global--font-size-sm); } + .comment-form .comment-form-url, .comment-form .comment-form-comment { - width: 100%; + width: 100%; } + .comment-form .comment-form-author, .comment-form .comment-form-email { - flex-basis: 0; - flex-grow: 1; + 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-author, + .comment-form .comment-form-email { + flex-basis: 100%; + } } + .comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes { - font-size: var(--global--font-size-xs); - font-weight: normal; + font-size: var(--global--font-size-xs); + font-weight: normal; } .comment-form > p { - margin-bottom: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + .comment-form > p:first-of-type { - margin-top: 0; + margin-top: 0; } + .comment-form > p:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } + .comment-form > p label, .comment-form > p input[type=email], .comment-form > p input[type=text], .comment-form > p input[type=url], .comment-form > p textarea { - display: block; - font-size: var(--global--font-size-sm); - margin-bottom: calc(.5 * var(--global--spacing-unit)); - width: 100%; - font-weight: var(--form--label-weight); + display: block; + font-size: var(--global--font-size-sm); + margin-bottom: calc(0.5 * var(--global--spacing-unit)); + width: 100%; + font-weight: var(--form--label-weight); } + .comment-form > p.comment-form-cookies-consent { - display: flex; + display: flex; } @media only screen and (min-width: 482px) { - .comment-form > p.comment-form-author { - margin-left: calc(1.5 * var(--global--spacing-horizontal)); - } - .comment-form > p.comment-notes, .comment-form > p.logged-in-as { - display: block; - } + + .comment-form > p.comment-form-author { + margin-left: calc(1.5 * var(--global--spacing-horizontal)); + } + + .comment-form > p.comment-notes, + .comment-form > p.logged-in-as { + display: block; + } } .menu-button-container { - display: none; - justify-content: space-between; - position: absolute; - left: 0; - padding-top: calc(0.5 * var(--global--spacing-vertical)); - padding-bottom: calc(0.25 * var(--global--spacing-vertical)); + display: none; + justify-content: space-between; + position: absolute; + left: 0; + padding-top: calc(0.5 * var(--global--spacing-vertical)); + padding-bottom: calc(0.25 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { - .menu-button-container { - display: flex; - } + + .menu-button-container { + display: flex; + } } + .menu-button-container #primary-mobile-menu { - display: flex; - margin-right: auto; - padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); - font-size: var(--primary-nav--font-size-button); - font-weight: var(--primary-nav--font-weight-button); - background-color: transparent; - border: none; - color: var(--primary-nav--color-link); + display: flex; + margin-right: auto; + padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal)); + font-size: var(--primary-nav--font-size-button); + font-weight: var(--primary-nav--font-weight-button); + background-color: transparent; + border: none; + color: var(--primary-nav--color-link); } + .menu-button-container #primary-mobile-menu .dropdown-icon { - display: flex; - align-items: center; + display: flex; + align-items: center; } + .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { - margin-right: calc(0.25 * var(--global--spacing-unit)); + margin-right: calc(0.25 * var(--global--spacing-unit)); } + .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { - position: relative; - top: -1px; + position: relative; + top: -1px; } + .menu-button-container #primary-mobile-menu .dropdown-icon.close { - display: none; + display: none; } + .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { - display: none; + display: none; } + .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { - display: flex; + 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; + animation-name: twentytwentyone-close-button-transition; + animation-duration: 0.3s; } + .primary-navigation-open .menu-button-container { - width: 100%; - z-index: 500; - background-color: var(--global--color-background); + width: 100%; + z-index: 500; + background-color: var(--global--color-background); } + .primary-navigation-open .menu-button-container #primary-mobile-menu { - position: static; + position: static; } .primary-navigation { - position: absolute; - top: var(--global--admin-bar--height); - left: 0; - color: var(--primary-nav--color-text); - font-size: var(--primary-nav--font-size); - line-height: 1.15; - margin-top: 0; - margin-bottom: 0; + position: absolute; + top: var(--global--admin-bar--height); + left: 0; + color: var(--primary-nav--color-text); + font-size: var(--primary-nav--font-size); + line-height: 1.15; + margin-top: 0; + margin-bottom: 0; } + .primary-navigation > .primary-menu-container { - position: fixed; - visibility: hidden; - opacity: 0; - top: 0; - left: 0; - bottom: 0; - right: 0; - padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); - padding-right: var(--global--spacing-unit); - padding-left: var(--global--spacing-unit); - padding-bottom: var(--global--spacing-horizontal); - background-color: var(--global--color-background); - transition: all 0.15s ease-in-out; - transform: translateY(var(--global--spacing-vertical)); + position: fixed; + visibility: hidden; + opacity: 0; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); + padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); + padding-bottom: var(--global--spacing-horizontal); + background-color: var(--global--color-background); + transform: translateY(var(--global--spacing-vertical)); +} +@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: var(--global--admin-bar--height); - } - .admin-bar .primary-navigation > .primary-menu-container { - height: calc(100vh - var(--global--admin-bar--height)); - } - .primary-navigation > .primary-menu-container:focus { - border: 2px solid var(--global--color-primary); - } + + .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: var(--global--admin-bar--height); + } + + .admin-bar .primary-navigation > .primary-menu-container { + height: calc(100vh - var(--global--admin-bar--height)); + } + + .primary-navigation > .primary-menu-container:focus { + border: 2px solid var(--global--color-primary); + } } @media only screen and (max-width: 481px) { - .primary-navigation-open .primary-navigation { - width: 100%; - position: fixed; - z-index: 2; - } + + .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); + 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); - } + + .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-right: 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 { + position: relative; + margin-right: 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-right: 0; - position: relative; + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + list-style: none; + margin: 0; + max-width: none; + padding-right: 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-right: 0; - } + + .primary-navigation > div > .menu-wrapper { + padding-bottom: 100px; + } + + .primary-navigation > div > .menu-wrapper ul { + padding-right: 0; + } } + .primary-navigation > div > .menu-wrapper li { - display: block; - position: relative; - width: 100%; + 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-left: 0; - } + + .primary-navigation > div > .menu-wrapper li { + margin: 0; + width: inherit; + } + + .primary-navigation > div > .menu-wrapper li:last-child { + margin-left: 0; + } } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle { - display: flex; - height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); - width: 44px; - padding: 0; - justify-content: center; - align-items: center; - background: transparent; - color: currentColor; - border: none; + display: flex; + height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); + 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 var(--wp--style--color--link, var(--global--color-primary)); + outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); } @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 { + 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; + 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; + margin-top: -1px; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { - display: none; + display: none; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { - display: flex; + display: flex; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { - display: none; + display: none; } + .primary-navigation > div > .menu-wrapper > li > .sub-menu { - position: relative; + 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 { - right: 0; - margin: 0; - min-width: max-content; - position: absolute; - top: 100%; - padding-top: 3px; - transition: all 0.5s ease; - z-index: 88888; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { - content: ""; - display: block; - position: absolute; - width: 0; - top: -10px; - right: var(--global--spacing-horizontal); - border-style: solid; - border-color: var(--primary-nav--border-color) transparent; - border-width: 0 7px 10px 7px; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { - top: -9px; - border-color: var(--global--color-background) transparent; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu li { - background: var(--global--color-background); - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { - left: 0; - right: auto; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { - left: var(--global--spacing-horizontal); - right: auto; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { - right: 0; - left: auto; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { - left: auto; - right: var(--global--spacing-horizontal); - } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu { + right: 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, + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + right: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) transparent; + border-width: 0 7px 10px 7px; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + top: -9px; + border-color: var(--global--color-background) transparent; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu li { + background: var(--global--color-background); + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { + left: 0; + right: auto; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { + left: var(--global--spacing-horizontal); + right: auto; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { + right: 0; + left: auto; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { + left: auto; + right: var(--global--spacing-horizontal); + } } + .primary-navigation .primary-menu > .menu-item:hover > a { - color: var(--primary-nav--color-link-hover); + color: var(--primary-nav--color-link-hover); } @media only screen and (min-width: 482px) { - .primary-navigation .primary-menu-container { - margin-left: calc(0px - var(--primary-nav--padding)); - margin-right: calc(0px - var(--primary-nav--padding)); - } - .primary-navigation .primary-menu-container > ul > .menu-item { - display: flex; - } - .primary-navigation .primary-menu-container > ul > .menu-item > a { - padding-right: var(--primary-nav--padding); - padding-left: var(--primary-nav--padding); - } - .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { - margin-right: calc(5px - var(--primary-nav--padding)); - } + + .primary-navigation .primary-menu-container { + margin-left: calc(0px - var(--primary-nav--padding)); + margin-right: calc(0px - var(--primary-nav--padding)); + } + + .primary-navigation .primary-menu-container > ul > .menu-item { + display: flex; + } + + .primary-navigation .primary-menu-container > ul > .menu-item > a { + padding-right: var(--primary-nav--padding); + padding-left: var(--primary-nav--padding); + } + + .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { + margin-right: calc(5px - var(--primary-nav--padding)); + } } + .primary-navigation a { - display: block; - font-family: var(--primary-nav--font-family-mobile); - font-size: var(--primary-nav--font-size-mobile); - font-weight: var(--primary-nav--font-weight); - padding: var(--primary-nav--padding) 0; - text-decoration: none; + display: block; + font-family: var(--primary-nav--font-family-mobile); + font-size: var(--primary-nav--font-size-mobile); + font-weight: var(--primary-nav--font-weight); + padding: var(--primary-nav--padding) 0; + text-decoration: none; } @media only screen and (min-width: 482px) { - .primary-navigation a { - display: block; - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); - } + + .primary-navigation a { + display: block; + font-family: var(--primary-nav--font-family); + font-size: var(--primary-nav--font-size); + font-weight: var(--primary-nav--font-weight); + } } + .primary-navigation a + svg { - fill: var(--primary-nav--color-text); + fill: var(--primary-nav--color-text); } -.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited { - color: var(--primary-nav--color-link-hover); + +.primary-navigation a:hover, +.primary-navigation a:link, +.primary-navigation a:visited { + color: var(--primary-nav--color-link-hover); } + .primary-navigation a:hover { - text-decoration: underline; - text-decoration-style: dotted; + text-decoration: underline; + text-decoration-style: dotted; } + .primary-navigation a:focus { - position: relative; - z-index: 99999; - outline-offset: 0; - text-decoration-thickness: 2px; + 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; + 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; + text-decoration: underline; + text-decoration-style: dotted; } + .primary-navigation .sub-menu { - margin: 0; - padding: 0; - list-style: none; - margin-right: var(--primary-nav--padding); - border: 1px solid var(--primary-nav--border-color); + margin: 0; + padding: 0; + list-style: none; + margin-right: var(--primary-nav--padding); + border: 1px solid var(--primary-nav--border-color); } + .primary-navigation .sub-menu .sub-menu { - border: none; + border: none; } @media only screen and (min-width: 482px) { - .primary-navigation .sub-menu > .menu-item > .sub-menu { - padding: 0; - } + + .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:last-child { + margin-bottom: 0; + } } + .primary-navigation .sub-menu .menu-item > a { - padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); - display: block; - font-size: var(--primary-nav--font-size-sub-menu-mobile); - font-style: var(--primary-nav--font-style-sub-menu-mobile); + padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); + display: block; + font-size: var(--primary-nav--font-size-sub-menu-mobile); + font-style: var(--primary-nav--font-style-sub-menu-mobile); } @media only screen and (min-width: 482px) { - .primary-navigation .sub-menu .menu-item > a { - font-size: var(--primary-nav--font-size-sub-menu); - font-style: var(--primary-nav--font-style); - } + + .primary-navigation .sub-menu .menu-item > a { + font-size: var(--primary-nav--font-size-sub-menu); + font-style: var(--primary-nav--font-style); + } } + .primary-navigation .menu-item-has-children > .svg-icon { - display: none; + 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-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: var(--global--font-size-xs); - text-transform: none; - line-height: 1.7; + display: block; + clear: both; + font-size: var(--global--font-size-xs); + text-transform: none; + line-height: 1.7; } + .primary-navigation .menu-item-description > span { - display: inline-block; + display: inline-block; } @media only screen and (max-width: 481px) { - .lock-scrolling .site { - position: fixed; - max-width: 100%; - width: 100%; - } + + .lock-scrolling .site { + position: fixed; + max-width: 100%; + width: 100%; + } } @keyframes twentytwentyone-close-button-transition { - from { - opacity: 0; - } - to { - opacity: 1; - } + + from { + opacity: 0; + } + + to { + opacity: 1; + } } + .footer-navigation { - margin-top: calc(2 * var(--global--spacing-vertical)); - margin-bottom: var(--global--spacing-vertical); - color: var(--footer--color-text); - font-size: var(--global--font-size-xs); - font-family: var(--footer--font-family); + margin-top: calc(2 * var(--global--spacing-vertical)); + margin-bottom: var(--global--spacing-vertical); + color: var(--footer--color-text); + font-size: var(--global--font-size-xs); + font-family: var(--footer--font-family); } .footer-navigation-wrapper { - display: flex; - justify-content: center; - flex-wrap: wrap; - list-style: none; - padding-right: 0; + display: flex; + justify-content: center; + flex-wrap: wrap; + list-style: none; + padding-right: 0; } + .footer-navigation-wrapper li { - display: inline; - line-height: 3; + display: inline; + line-height: 3; } + .footer-navigation-wrapper li a { - padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); - transition: transform 0.1s ease; - color: var(--footer--color-link); + padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); + color: var(--footer--color-link); } -.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active { - color: var(--footer--color-link); + +.footer-navigation-wrapper li a:link, +.footer-navigation-wrapper li a:visited, +.footer-navigation-wrapper li a:active { + color: var(--footer--color-link); } + .footer-navigation-wrapper li a:hover { - text-decoration: underline; - text-decoration-style: dotted; - text-decoration-skip-ink: none; - color: var(--footer--color-link-hover); + text-decoration: underline; + text-decoration-style: dotted; + text-decoration-skip-ink: none; + color: var(--footer--color-link-hover); } + .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { - fill: var(--wp--style--color--link, var(--global--color-background)); + fill: var(--wp--style--color--link, var(--global--color-background)); } + .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { - fill: var(--wp--style--color--link, var(--global--color-white)); + fill: var(--wp--style--color--link, var(--global--color-white)); } + .footer-navigation-wrapper li .svg-icon { - vertical-align: middle; - fill: var(--footer--color-link); + vertical-align: middle; + fill: var(--footer--color-link); } + .footer-navigation-wrapper li .svg-icon:hover { - transform: scale(1.1); + 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; + display: none; } /* Next/Previous navigation */ .navigation { - color: var(--global--color-primary); + color: var(--global--color-primary); } + .navigation a { - color: var(--global--color-primary); - text-decoration: none; + color: var(--global--color-primary); + text-decoration: none; } + .navigation a:hover { - color: var(--global--color-primary-hover); - text-decoration: underline; - text-decoration-style: dotted; + color: var(--global--color-primary-hover); + text-decoration: underline; + text-decoration-style: dotted; } + .navigation a:focus { - color: var(--global--color-secondary); + color: var(--global--color-secondary); } + .navigation a:active { - color: var(--global--color-primary); + color: var(--global--color-primary); } + .navigation .nav-links > * { - min-width: 44px; - min-height: 44px; + min-width: 44px; + min-height: 44px; } + .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } + .navigation .nav-links .dots { - text-align: center; + 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% - (0.5 * var(--global--spacing-unit))); - } - .navigation .nav-links .nav-next { - text-align: left; - } + + .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% - 0.5 * var(--global--spacing-unit)); + } + + .navigation .nav-links .nav-next { + text-align: left; + } } + .navigation .svg-icon { - display: inline-block; - fill: currentColor; - vertical-align: middle; - position: relative; + display: inline-block; + fill: currentColor; + vertical-align: middle; + position: relative; } + .navigation .nav-previous .svg-icon, .navigation .prev .svg-icon { - top: -2px; - margin-left: calc(0.25 * var(--global--spacing-unit)); + top: -2px; + margin-left: calc(0.25 * var(--global--spacing-unit)); } + .navigation .nav-next .svg-icon, .navigation .next .svg-icon { - top: -1px; - margin-right: calc(0.25 * var(--global--spacing-unit)); + top: -1px; + margin-right: calc(0.25 * var(--global--spacing-unit)); } .post-navigation { - margin: var(--global--spacing-vertical) auto; + margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { - .post-navigation { - margin: var(--global--spacing-vertical) auto; - } + + .post-navigation { + margin: var(--global--spacing-vertical) auto; + } } + .post-navigation .meta-nav { - line-height: var(--global--line-height-body); - color: var(--global--color-primary); + line-height: var(--global--line-height-body); + color: var(--global--color-primary); } + .post-navigation .post-title { - display: inline-block; - font-family: var(--global--font-primary); - font-size: var(--global--font-size-lg); - font-weight: var(--pagination--font-weight-strong); - line-height: var(--global--line-height-heading); + display: inline-block; + font-family: var(--global--font-primary); + font-size: var(--global--font-size-lg); + font-weight: var(--pagination--font-weight-strong); + line-height: var(--global--line-height-heading); } @media only screen and (min-width: 822px) { - .post-navigation .post-title { - margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0; - } + + .post-navigation .post-title { + margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0; + } } @media only screen and (min-width: 482px) { - .post-navigation .nav-links { - justify-content: space-between; - } + + .post-navigation .nav-links { + justify-content: space-between; + } } + .post-navigation .nav-next, .post-navigation .nav-previous { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { - margin-top: 0; + margin-top: 0; } + .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { - margin-bottom: 0; + margin-bottom: 0; } .pagination, .comments-pagination { - border-top: 3px solid var(--global--color-border); - padding-top: var(--global--spacing-vertical); - margin: var(--global--spacing-vertical) auto; + border-top: 3px solid var(--global--color-border); + padding-top: var(--global--spacing-vertical); + margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { - .pagination, -.comments-pagination { - margin: var(--global--spacing-vertical) auto; - } + + .pagination, + .comments-pagination { + margin: var(--global--spacing-vertical) auto; + } } + .pagination .nav-links, .comments-pagination .nav-links { - margin-top: calc(-1 * var(--global--spacing-vertical)); + margin-top: calc(-1 * var(--global--spacing-vertical)); } + .pagination .nav-links a:hover, .comments-pagination .nav-links a:hover { - color: var(--pagination--color-link-hover); + color: var(--pagination--color-link-hover); } + .is-dark-theme .pagination .nav-links a:active, .is-dark-theme .pagination .nav-links a:hover:active, .is-dark-theme .pagination .nav-links a:hover:focus, .is-dark-theme .comments-pagination .nav-links a:active, .is-dark-theme .comments-pagination .nav-links a:hover:active, .is-dark-theme .comments-pagination .nav-links a:hover:focus { - color: var(--global--color-background); + color: var(--global--color-background); } + .has-background-white .pagination .nav-links a:active, .has-background-white .pagination .nav-links a:hover:active, .has-background-white .pagination .nav-links a:hover:focus, .has-background-white .comments-pagination .nav-links a:active, .has-background-white .comments-pagination .nav-links a:hover:active, .has-background-white .comments-pagination .nav-links a:hover:focus { - color: var(--global--color-white); + color: var(--global--color-white); } + .pagination .nav-links > *, .comments-pagination .nav-links > * { - color: var(--pagination--color-text); - font-family: var(--pagination--font-family); - font-size: var(--pagination--font-size); - font-weight: var(--pagination--font-weight); - margin-top: var(--global--spacing-vertical); - margin-right: calc(0.66 * var(--global--spacing-unit)); - margin-left: calc(0.66 * var(--global--spacing-unit)); + color: var(--pagination--color-text); + font-family: var(--pagination--font-family); + font-size: var(--pagination--font-size); + font-weight: var(--pagination--font-weight); + margin-top: var(--global--spacing-vertical); + margin-right: calc(0.66 * var(--global--spacing-unit)); + margin-left: calc(0.66 * var(--global--spacing-unit)); } + .pagination .nav-links > *.current, .comments-pagination .nav-links > *.current { - text-decoration: underline; + text-decoration: underline; } + .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover { - text-decoration-style: dotted; + text-decoration-style: dotted; } + .pagination .nav-links > *:first-child, .comments-pagination .nav-links > *:first-child { - margin-right: 0; + margin-right: 0; } + .pagination .nav-links > *:last-child, .comments-pagination .nav-links > *:last-child { - margin-left: 0; + margin-left: 0; } + .pagination .nav-links > *.next, .comments-pagination .nav-links > *.next { - margin-right: auto; + margin-right: auto; } + .pagination .nav-links > *.prev, .comments-pagination .nav-links > *.prev { - margin-left: auto; + margin-left: 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; - } + + .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; - } + + .pagination .nav-short, + .comments-pagination .nav-short { + display: none; + } } .comments-pagination { - padding-top: calc(0.66 * var(--global--spacing-vertical)); - margin: calc(3 * var(--global--spacing-vertical)) auto; + padding-top: calc(0.66 * var(--global--spacing-vertical)); + margin: calc(3 * var(--global--spacing-vertical)) auto; } @media only screen and (min-width: 822px) { - .comments-pagination { - margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; - } + + .comments-pagination { + margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; + } } + .comments-pagination .nav-links > * { - font-size: var(--global--font-size-md); + font-size: var(--global--font-size-md); } .widget-area { - margin-top: calc(6 * var(--global--spacing-vertical)); - padding-bottom: calc(var(--global--spacing-vertical) / 3); - color: var(--footer--color-text); - font-size: var(--footer--font-size); - font-family: var(--footer--font-family); + margin-top: calc(6 * var(--global--spacing-vertical)); + padding-bottom: calc(var(--global--spacing-vertical) / 3); + color: var(--footer--color-text); + font-size: var(--footer--font-size); + font-family: var(--footer--font-family); } @media only screen and (min-width: 652px) { - .widget-area { - display: grid; - grid-template-columns: repeat(2, 1fr); - column-gap: calc(2 * var(--global--spacing-horizontal)); - } + + .widget-area { + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: calc(2 * var(--global--spacing-horizontal)); + } } @media only screen and (min-width: 1024px) { - .widget-area { - grid-template-columns: repeat(3, 1fr); - } + + .widget-area { + grid-template-columns: repeat(3, 1fr); + } } @media only screen and (max-width: 481px) { - .widget-area { - margin-top: calc(3 * var(--global--spacing-vertical)); - } -} -.widget-area ul { - list-style-type: none; - padding: 0; -} -.widget-area ul li { - line-height: var(--widget--line-height-list); -} -.widget-area ul.sub-menu, .widget-area ul.children { - margin-right: var(--widget--spacing-menu); -} -.widget-area ul .sub-menu-toggle { - display: none; -} -.widget-area a { - color: var(--footer--color-link); - text-decoration: underline; - text-decoration-style: solid; - text-decoration-color: currentColor; -} -.widget-area a:link, .widget-area a:visited, .widget-area a:active { - color: var(--footer--color-link); -} -.widget-area a:hover { - color: var(--footer--color-link-hover); - text-decoration-style: dotted; + + .widget-area { + margin-top: calc(3 * var(--global--spacing-vertical)); + } } + .widget-area .wp-block-social-links.alignright { - margin-top: var(--global--spacing-vertical); - justify-content: flex-end; + margin-top: var(--global--spacing-vertical); + justify-content: flex-end; } + .widget-area .wp-block-social-links.alignleft { - margin-top: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); } + .widget-area:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } .widget h1, @@ -4671,190 +5378,240 @@ h1.page-title { .widget h4, .widget h5, .widget h6 { - font-weight: var(--widget--font-weight-title); - line-height: var(--widget--line-height-title); + font-weight: var(--widget--font-weight-title); + line-height: var(--widget--line-height-title); } + .widget h1 { - font-size: var(--global--font-size-md); + font-size: var(--global--font-size-md); } + .widget h2 { - font-size: var(--global--font-size-sm); + font-size: var(--global--font-size-sm); } + .widget h3 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + .widget h4 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + .widget h5 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + .widget h6 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); +} + +.widget ul { + list-style-type: none; + padding: 0; +} + +.widget ul li { + line-height: var(--widget--line-height-list); +} + +.widget ul.sub-menu, +.widget ul.children { + margin-right: var(--widget--spacing-menu); +} + +.widget ul .sub-menu-toggle { + display: none; +} + +.widget a { + color: var(--footer--color-link); + text-decoration: underline; + text-decoration-style: solid; + text-decoration-color: currentColor; +} + +.widget a:link, +.widget a:visited, +.widget a:active { + color: var(--footer--color-link); +} + +.widget a:hover { + color: var(--footer--color-link-hover); + text-decoration-style: dotted; } .search-form { - display: flex; - flex-wrap: wrap; - margin: auto; - max-width: var(--responsive--aligndefault-width); + display: flex; + flex-wrap: wrap; + margin: auto; + max-width: var(--responsive--aligndefault-width); } + .search-form > label { - width: 100%; - margin-bottom: 0; - font-weight: var(--form--label-weight); + width: 100%; + margin-bottom: 0; + font-weight: var(--form--label-weight); } + .search-form .search-field { - flex-grow: 1; - max-width: inherit; - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-left: calc(0.66 * var(--global--spacing-horizontal)); + flex-grow: 1; + max-width: inherit; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-left: calc(0.66 * var(--global--spacing-horizontal)); } + .search-form .search-submit { - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-right: 10px; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-right: 10px; } .widget_search > .search-form .search-field { - margin-left: calc(-1 * var(--button--border-width)); - -webkit-appearance: none; - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + margin-left: calc(-1 * var(--button--border-width)); + -webkit-appearance: none; + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } + .widget_search > .search-form .search-submit { - margin-right: 0; - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + margin-right: 0; + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .widget_rss a.rsswidget .rss-widget-icon { - display: none; + 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; + 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; - right: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; + 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; + right: 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; + outline: 0; } -@media (prefers-reduced-motion) { - * { - transition-delay: 0s !important; - transition-duration: 0s !important; - } -} .has-black-color[class] { - color: var(--global--color-black); + color: var(--global--color-black); } + .has-black-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-black, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-black, #000); + color: var(--local--color-primary); } .has-gray-color[class] { - color: var(--global--color-gray); + color: var(--global--color-gray); } + .has-gray-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-gray, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-gray, #000); + color: var(--local--color-primary); } .has-dark-gray-color[class] { - color: var(--global--color-dark-gray); + color: var(--global--color-dark-gray); } + .has-dark-gray-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-dark-gray, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-dark-gray, #000); + color: var(--local--color-primary); } .has-green-color[class] { - color: var(--global--color-green); + color: var(--global--color-green); } + .has-green-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-green, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-green, #fff); + color: var(--local--color-primary); } .has-blue-color[class] { - color: var(--global--color-blue); + color: var(--global--color-blue); } + .has-blue-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-blue, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-blue, #fff); + color: var(--local--color-primary); } .has-purple-color[class] { - color: var(--global--color-purple); + color: var(--global--color-purple); } + .has-purple-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-purple, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-purple, #fff); + color: var(--local--color-primary); } .has-red-color[class] { - color: var(--global--color-red); + color: var(--global--color-red); } + .has-red-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-red, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-red, #fff); + color: var(--local--color-primary); } .has-orange-color[class] { - color: var(--global--color-orange); + color: var(--global--color-orange); } + .has-orange-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-orange, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-orange, #fff); + color: var(--local--color-primary); } .has-yellow-color[class] { - color: var(--global--color-yellow); + color: var(--global--color-yellow); } + .has-yellow-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-yellow, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-yellow, #fff); + color: var(--local--color-primary); } .has-white-color[class] { - color: var(--global--color-white); + color: var(--global--color-white); } + .has-white-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-white, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-white, #fff); + color: var(--local--color-primary); } .has-background a, @@ -4865,154 +5622,194 @@ h1.page-title { .has-background h4, .has-background h5, .has-background h6 { - color: currentColor; + color: currentColor; } .has-black-background-color[class] { - background-color: var(--global--color-black); + background-color: var(--global--color-black); } + .has-black-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-black, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-dark-gray); } + .has-dark-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-dark-gray, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-gray); } + .has-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-gray, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-light-gray); } + .has-light-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-light-gray, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-green); } + .has-green-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-green, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-blue); } + .has-blue-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-blue, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-purple); } + .has-purple-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-purple, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-red); } + .has-red-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-red, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-orange); } + .has-orange-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-orange, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-yellow); } + .has-yellow-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-yellow, #FFFFFF); - background-color: var(--local--color-background); + --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, #FFFFFF); - background-color: var(--local--color-background); + background-color: var(--global--color-white); } -.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-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] > [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, #FFFFFF); - color: var(--local--color-primary, var(--global--color-primary)); + +.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); } -.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, #000000); + +.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)); } -.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); + +.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] > [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, #000000); - color: var(--local--color-primary, var(--global--color-primary)); + +.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); } -.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, #FFFFFF); + +.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)); + 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)); + 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)); + 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)); + 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)); + 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)); + 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)); + 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)); + background: linear-gradient(-160deg, var(--global--color-red), var(--global--color-purple)); } header *, main *, footer * { - max-width: var(--global--spacing-measure); + max-width: var(--global--spacing-measure); } html, @@ -5026,12 +5823,13 @@ hr, main, section, footer { - max-width: none; + max-width: none; } .is-IE.is-dark-theme { - color: #fff; + color: #fff; } + .is-IE.is-dark-theme *, .is-IE.is-dark-theme a, .is-IE.is-dark-theme .site-description, @@ -5043,29 +5841,35 @@ footer { .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; + 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; + fill: #fff; } + .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { - background: #000; + 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.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; + color: #21759b; } + .is-IE .navigation .nav-links { - display: block; + display: block; } + .is-IE .post-thumbnail .wp-post-image { - min-width: auto; + min-width: auto; } diff --git a/wp-content/themes/twentytwentyone/style.css b/wp-content/themes/twentytwentyone/style.css index 2df00e9686..45600e20fc 100644 --- a/wp-content/themes/twentytwentyone/style.css +++ b/wp-content/themes/twentytwentyone/style.css @@ -1,4 +1,5 @@ @charset "UTF-8"; + /* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ @@ -6,9 +7,9 @@ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 -Tested up to: 5.8 +Tested up to: 6.0 Requires PHP: 5.6 -Version: 1.4 +Version: 1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone @@ -17,6 +18,7 @@ Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, 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. @@ -64,7 +66,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. - * Spacer...............Specific styles for the spacer block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. @@ -92,252 +93,274 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * 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 */ - --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; + + /* 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; + --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { - .admin-bar { - --global--admin-bar--height: 46px; - } + + .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; - } + + :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; + } } + /*! 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 */ + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ + /** * Remove the margin in all browsers. */ body { - margin: 0; + margin: 0; } /** * Render the `main` element consistently in IE. */ main { - display: block; + display: block; } /** @@ -345,23 +368,21 @@ main { * `article` contexts in Chrome, Firefox, and Safari. */ h1 { - font-size: 2em; - margin: 0.67em 0; + 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 */ + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -369,20 +390,19 @@ hr { * 2. Correct the odd `em` font sizing in all browsers. */ pre { - font-family: monospace; - /* 1 */ - font-size: 1em; - /* 2 */ + 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; + background-color: transparent; + text-decoration-thickness: 1px; } /** @@ -390,12 +410,9 @@ a { * 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 */ + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration-style: dotted; /* 2 */ } /** @@ -403,7 +420,7 @@ abbr[title] { */ b, strong { - font-weight: bolder; + font-weight: bolder; } /** @@ -413,17 +430,15 @@ strong { code, kbd, samp { - font-family: monospace; - /* 1 */ - font-size: 1em; - /* 2 */ + font-family: monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { - font-size: 80%; + font-size: 80%; } /** @@ -432,31 +447,33 @@ small { */ sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* Embedded content ========================================================================== */ + /** * Remove the border on images inside links in IE 10. */ img { - border-style: none; + border-style: none; } /* Forms ========================================================================== */ + /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. @@ -466,14 +483,10 @@ input, optgroup, select, textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ } /** @@ -481,9 +494,8 @@ textarea { * 1. Show the overflow in Edge. */ button, -input { - /* 1 */ - overflow: visible; +input { /* 1 */ + overflow: visible; } /** @@ -491,9 +503,8 @@ input { * 1. Remove the inheritance of text transform in Firefox. */ button, -select { - /* 1 */ - text-transform: none; +select { /* 1 */ + text-transform: none; } /** @@ -503,7 +514,7 @@ button, [type=button], [type=reset], [type=submit] { - -webkit-appearance: button; + -webkit-appearance: button; } /** @@ -513,8 +524,8 @@ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; + border-style: none; + padding: 0; } /** @@ -524,14 +535,14 @@ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; + outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { - padding: 0.35em 0.75em 0.625em; + padding: 0.35em 0.75em 0.625em; } /** @@ -541,32 +552,26 @@ fieldset { * `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 */ + 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; + vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { - overflow: auto; + overflow: auto; } /** @@ -575,10 +580,8 @@ textarea { */ [type=checkbox], [type=radio] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -586,7 +589,7 @@ textarea { */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { - height: auto; + height: auto; } /** @@ -594,17 +597,15 @@ textarea { * 2. Correct the outline style in Safari. */ [type=search] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ + -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; + -webkit-appearance: none; } /** @@ -612,131 +613,160 @@ textarea { * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive ========================================================================== */ + /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { - display: block; + display: block; } /* * Add the correct display in all browsers. */ summary { - display: list-item; + display: list-item; } /* Misc ========================================================================== */ + /** * Add the correct display in IE 10+. */ template { - display: none; + display: none; } /** * Add the correct display in IE 10. */ [hidden] { - display: none; + display: none; } /** * 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); + --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))); - } + + :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); - } + + :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 */ -.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), -*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width { - max-width: var(--responsive--aligndefault-width); - margin-left: auto; - margin-right: auto; +.post-thumbnail, +.entry-content .wp-audio-shortcode, +.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), +*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), +.default-max-width { + max-width: var(--responsive--aligndefault-width); + margin-left: auto; + margin-right: auto; } -.widget-area, .pagination, -.comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width { - max-width: var(--responsive--alignwide-width); - margin-left: auto; - margin-right: auto; +.widget-area, +.pagination, +.comments-pagination, +.post-navigation, +.site-footer, +.site-header, +.alignwide, +.wide-max-width { + max-width: var(--responsive--alignwide-width); + margin-left: auto; + margin-right: auto; } -.alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width { - max-width: var(--responsive--alignfull-width); - width: var(--responsive--alignfull-width); - margin-left: auto; - margin-right: auto; +.alignfull, +.wp-block-group .wp-block-group__inner-container > *.alignfull, +.full-max-width { + max-width: var(--responsive--alignfull-width); + width: var(--responsive--alignfull-width); + margin-left: auto; + margin-right: auto; } @media only screen and (min-width: 482px) { - .alignfull, .full-max-width { - max-width: var(--responsive--alignfull-width); - width: auto; - margin-left: auto; - margin-right: auto; - } + + .alignfull, + .full-max-width { + max-width: var(--responsive--alignfull-width); + width: auto; + margin-left: auto; + margin-right: auto; + } } -.entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide { - margin-left: auto; - margin-right: auto; - width: var(--responsive--alignwide-width); - max-width: var(--responsive--alignfull-width); + +.entry-header .post-thumbnail, +.singular .post-thumbnail, +.alignfull [class*=inner-container] > .alignwide, +.alignwide [class*=inner-container] > .alignwide { + margin-left: auto; + margin-right: auto; + width: var(--responsive--alignwide-width); + max-width: var(--responsive--alignfull-width); } @media only screen and (min-width: 482px) { - .entry-content > .alignleft { - /*rtl:ignore*/ - margin-left: var(--responsive--alignleft-margin); - /*rtl:ignore*/ - margin-right: var(--global--spacing-horizontal); - } + + .entry-content > .alignleft { + + /*rtl:ignore*/ + margin-left: var(--responsive--alignleft-margin); + + /*rtl:ignore*/ + margin-right: var(--global--spacing-horizontal); + } } @media only screen and (min-width: 482px) { - .entry-content > .alignright { - /*rtl:ignore*/ - margin-left: var(--global--spacing-horizontal); - /*rtl:ignore*/ - margin-right: var(--responsive--alignright-margin); - } + + .entry-content > .alignright { + + /*rtl:ignore*/ + margin-left: var(--global--spacing-horizontal); + + /*rtl:ignore*/ + margin-right: var(--responsive--alignright-margin); + } } + /** * Site Structure * @@ -745,6 +775,7 @@ template { * - `--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 @@ -753,20 +784,21 @@ template { .site-main, .widget-area, .site-footer { - padding-top: var(--global--spacing-vertical); - padding-bottom: var(--global--spacing-vertical); - margin-left: auto; - margin-right: auto; + padding-top: var(--global--spacing-vertical); + padding-bottom: var(--global--spacing-vertical); + margin-left: auto; + margin-right: auto; } .site-header { - padding-top: calc(0.75 * var(--global--spacing-vertical)); - padding-bottom: calc(2 * var(--global--spacing-vertical)); + padding-top: calc(0.75 * var(--global--spacing-vertical)); + padding-bottom: calc(2 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .site-header { - padding-bottom: calc(3 * var(--global--spacing-vertical)); - } + + .site-header { + padding-bottom: calc(3 * var(--global--spacing-vertical)); + } } /** @@ -774,25 +806,30 @@ template { * - Add double vertical margins here for clearer hierarchy */ .site-main > * { - margin-top: calc(3 * var(--global--spacing-vertical)); - margin-bottom: calc(3 * var(--global--spacing-vertical)); + margin-top: calc(3 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); } + .site-main > *:first-child { - margin-top: 0; + margin-top: 0; } + .site-main > *:last-child { - margin-bottom: 0; + 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 @@ -802,10 +839,10 @@ template { .entry-content, .entry-footer, .author-bio { - margin-top: var(--global--spacing-vertical); - margin-right: auto; - margin-bottom: var(--global--spacing-vertical); - margin-left: auto; + margin-top: var(--global--spacing-vertical); + margin-right: auto; + margin-bottom: var(--global--spacing-vertical); + margin-left: auto; } /* @@ -818,48 +855,52 @@ template { [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .site-main > article > *, -.site-main > .not-found > *, -.entry-content > *, -[class*=inner-container] > *, -.wp-block-template-part > *, -.wp-block-post-template :where(li > *) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .site-main > article > *, + .site-main > .not-found > *, + .entry-content > *, + [class*=inner-container] > *, + .wp-block-template-part > *, + .wp-block-post-template :where(li > *) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .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; + 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; + margin-bottom: 0; } .site-footer > *, .widget-area > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .site-footer > *, -.widget-area > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .site-footer > *, + .widget-area > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } /* @@ -871,22 +912,24 @@ template { .page-content > *, .comment-content > *, .widget > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + .entry-header > *:first-child, .post-thumbnail > *:first-child, .page-content > *:first-child, .comment-content > *:first-child, .widget > *:first-child { - margin-top: 0; + 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; + margin-bottom: 0; } /* @@ -894,16 +937,26 @@ template { * - Adds special margin overrides for alignment utility classes */ .entry-content > * { - /* Reset alignleft and alignright margins after alignfull */ + + /* 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 > *.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 > *:last-child, +.entry-content > *.alignfull.has-background { + margin-bottom: 0; } -.entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { - margin-top: var(--global--spacing-vertical); + +.entry-content > *.alignfull + .alignleft, +.entry-content > *.alignfull + .alignright { + margin-top: var(--global--spacing-vertical); } /** @@ -933,10 +986,10 @@ h3, h4, h5, h6 { - padding: 0; - margin: 0; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; + padding: 0; + margin: 0; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; } /** @@ -945,29 +998,32 @@ h6 { * 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: var(--global--font-secondary); - line-height: var(--global--line-height-body); + + /* Apply border-box across the entire page. */ + box-sizing: border-box; + font-family: var(--global--font-secondary); + line-height: var(--global--line-height-body); } /** * Relax the definition a bit, to allow components to override it manually. */ -*, *::before, *::after { - box-sizing: inherit; +*, +*::before, +*::after { + box-sizing: inherit; } body { - font-size: var(--global--font-size-base); - font-weight: normal; - color: var(--global--color-primary); - text-align: left; - background-color: var(--global--color-background); + font-size: var(--global--font-size-base); + font-weight: normal; + color: var(--global--color-primary); + text-align: left; + background-color: var(--global--color-background); } button { - cursor: pointer; + cursor: pointer; } .clear:before, @@ -982,9 +1038,9 @@ button { .site-content:after, .site-footer:before, .site-footer:after { - content: ""; - display: table; - table-layout: fixed; + content: ""; + display: table; + table-layout: fixed; } .clear:after, @@ -993,78 +1049,94 @@ button { .site-header:after, .site-content:after, .site-footer:after { - clear: both; + 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: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); + 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); + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + blockquote > *:first-child { - margin-top: 0; + margin-top: 0; } + blockquote > *:last-child { - margin-bottom: 0; + 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); + 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); + 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, +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 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.alignleft footer, +blockquote.alignright cite, blockquote.alignright footer { - font-size: var(--global--font-size-xs); - letter-spacing: var(--global--letter-spacing); + font-size: var(--global--font-size-xs); + letter-spacing: var(--global--letter-spacing); } + blockquote strong { - font-weight: var(--quote--font-weight-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)); + 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); + 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; - } + + blockquote { + padding-left: calc(0.5 * var(--global--spacing-horizontal)); + } + + blockquote:before { + left: 0; + } } input[type=text], @@ -1082,14 +1154,15 @@ input[type=datetime], input[type=datetime-local], input[type=color], .site textarea { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - color: var(--form--color-text); - line-height: var(--global--line-height-body); - padding: var(--form--spacing-unit); - margin: 0 2px; - max-width: 100%; + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + color: var(--form--color-text); + line-height: var(--global--line-height-body); + padding: var(--form--spacing-unit); + margin: 0 2px; + max-width: 100%; } + input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, @@ -1105,10 +1178,11 @@ input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus { - color: var(--form--color-text); - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); + color: var(--form--color-text); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } + input[type=text]:disabled, input[type=email]:disabled, input[type=url]:disabled, @@ -1124,8 +1198,9 @@ input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .site textarea:disabled { - opacity: 0.7; + opacity: 0.7; } + .is-dark-theme input[type=text], .is-dark-theme input[type=email], .is-dark-theme input[type=url], @@ -1141,55 +1216,59 @@ input[type=color]:disabled, .is-dark-theme input[type=datetime-local], .is-dark-theme input[type=color], .is-dark-theme .site textarea { - background: var(--global--color-white-90); + background: var(--global--color-white-90); } input[type=search]:focus { - outline-offset: -7px; + outline-offset: -7px; } + .is-dark-theme input[type=search]:focus { - outline-color: var(--global--color-background); + outline-color: var(--global--color-background); } input[type=color] { - padding: calc(var(--form--spacing-unit) / 2); - height: calc(4 * var(--form--spacing-unit)); + padding: calc(var(--form--spacing-unit) / 2); + height: calc(4 * var(--form--spacing-unit)); } input[type=email], input[type=url] { - /*rtl:ignore*/ - direction: ltr; + + /*rtl:ignore*/ + direction: ltr; } select { - border: var(--form--border-width) solid var(--form--border-color); - color: var(--form--color-text); - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - line-height: var(--global--line-height-body); - 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%; + border: var(--form--border-width) solid var(--form--border-color); + color: var(--form--color-text); + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + line-height: var(--global--line-height-body); + 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%; } + select:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } + .is-dark-theme select { - background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; - background-position: right var(--form--spacing-unit) top 60%; + background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; + background-position: right var(--form--spacing-unit) top 60%; } textarea { - width: 100%; + width: 100%; } label { - font-size: var(--form--font-size); - font-weight: var(--form--label-weight); - margin-bottom: calc(var(--global--spacing-vertical) / 3); + font-size: var(--form--font-size); + font-weight: var(--form--label-weight); + margin-bottom: calc(var(--global--spacing-vertical) / 3); } /** @@ -1198,218 +1277,242 @@ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { - input[type=checkbox], -input[type=radio] { - -webkit-appearance: none; - -moz-appearance: none; - position: relative; - width: 25px; - height: 25px; - border: var(--form--border-width) solid var(--form--border-color); - background: var(--global--color-white); - } - input[type=checkbox]:disabled, -input[type=radio]:disabled { - opacity: 0.7; - } - .is-dark-theme input[type=checkbox], -.is-dark-theme input[type=radio] { - background: var(--global--color-white-90); - } - input[type=checkbox]:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - input[type=checkbox]:after { - content: ""; - opacity: 0; - display: block; - left: 5px; - top: 2px; - position: absolute; - width: 7px; - height: 13px; - border: 3px solid var(--form--color-text); - border-top: 0; - border-left: 0; - transform: rotate(30deg); - } - input[type=checkbox]:checked { - color: var(--form--color-text); - } - input[type=checkbox]:checked:after { - opacity: 1; - } + input[type=checkbox], + input[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + position: relative; + width: 25px; + height: 25px; + border: var(--form--border-width) solid var(--form--border-color); + background: var(--global--color-white); + } - input[type=radio] { - border-radius: 50%; - } - input[type=radio]:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - input[type=radio]:after { - content: ""; - opacity: 0; - display: block; - left: 3px; - top: 3px; - position: absolute; - width: 11px; - height: 11px; - border-radius: 50%; - background: var(--form--color-text); - } - input[type=radio]:checked { - border: 4px solid var(--form--border-color); - } - input[type=radio]:checked:after { - opacity: 1; - } - input[type=radio]:checked:focus { - outline-offset: 4px; - outline: 2px dotted var(--form--border-color); - } + input[type=checkbox]:disabled, + input[type=radio]:disabled { + opacity: 0.7; + } + + .is-dark-theme input[type=checkbox], + .is-dark-theme input[type=radio] { + background: var(--global--color-white-90); + } + + input[type=checkbox]:focus { + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + input[type=checkbox]:after { + content: ""; + opacity: 0; + display: block; + left: 5px; + top: 2px; + position: absolute; + width: 7px; + height: 13px; + border: 3px solid var(--form--color-text); + border-top: 0; + border-left: 0; + transform: rotate(30deg); + } + + input[type=checkbox]:checked { + color: var(--form--color-text); + } + + input[type=checkbox]:checked:after { + opacity: 1; + } + + input[type=radio] { + border-radius: 50%; + } + + input[type=radio]:focus { + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + input[type=radio]:after { + content: ""; + opacity: 0; + display: block; + left: 3px; + top: 3px; + position: absolute; + width: 11px; + height: 11px; + border-radius: 50%; + background: var(--form--color-text); + } + + input[type=radio]:checked { + border: 4px solid var(--form--border-color); + } + + input[type=radio]:checked:after { + opacity: 1; + } + + input[type=radio]:checked:focus { + outline-offset: 4px; + outline: 2px dotted var(--form--border-color); + } } + input[type=checkbox] + label, input[type=radio] + label { - display: inline-block; - padding-left: 10px; - font-size: var(--global--font-size-xs); - vertical-align: top; + display: inline-block; + padding-left: 10px; + font-size: var(--global--font-size-xs); + 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: var(--form--color-ranged); - 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 var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; - } + 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: var(--form--color-ranged); + border-radius: 6px; + outline-offset: 10px; + } - input[type=range]::-moz-range-thumb { - border: 3px solid var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; - box-sizing: border-box; - } + input[type=range]:disabled { + opacity: 0.7; + } + + input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; + } + + input[type=range]::-moz-range-thumb { + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; + box-sizing: border-box; + } } + input[type=range]::-ms-track { - width: 100%; - height: 6px; - border-radius: 6px; - border-width: 19px 0; - border-color: var(--global--color-background); - background: transparent; - color: transparent; - cursor: pointer; + width: 100%; + height: 6px; + border-radius: 6px; + border-width: 19px 0; + border-color: var(--global--color-background); + background: transparent; + color: transparent; + cursor: pointer; } input[type=range]::-ms-fill-upper { - background: var(--form--color-ranged); - border-radius: 6px; + background: var(--form--color-ranged); + border-radius: 6px; } input[type=range]::-ms-fill-lower { - background: var(--form--color-ranged); - border-radius: 6px; + background: var(--form--color-ranged); + border-radius: 6px; } input[type=range]::-ms-thumb { - border: 3px solid var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; } fieldset { - display: grid; - border-color: var(--global--color-secondary); - padding: var(--global--spacing-horizontal); + display: grid; + border-color: var(--global--color-secondary); + padding: var(--global--spacing-horizontal); } + fieldset legend { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } + fieldset input[type=submit] { - max-width: max-content; + max-width: max-content; } + fieldset input:not([type=submit]) { - margin-bottom: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } -fieldset input[type=radio], fieldset input[type=checkbox] { - margin-bottom: 0; + +fieldset input[type=radio], +fieldset input[type=checkbox] { + margin-bottom: 0; } -fieldset input[type=radio] + label, fieldset input[type=checkbox] + label { - font-size: var(--form--font-size); - padding-left: 0; - margin-bottom: var(--global--spacing-unit); + +fieldset input[type=radio] + label, +fieldset input[type=checkbox] + label { + font-size: var(--form--font-size); + padding-left: 0; + margin-bottom: var(--global--spacing-unit); } ::-moz-placeholder { - opacity: 1; + opacity: 1; } .post-password-message { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } .post-password-form { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } + .post-password-form__label { - width: 100%; - margin-bottom: 0; + width: 100%; + margin-bottom: 0; } + .post-password-form input[type=password] { - flex-grow: 1; - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-right: calc(0.66 * var(--global--spacing-horizontal)); + flex-grow: 1; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-right: calc(0.66 * var(--global--spacing-horizontal)); } + .post-password-form__submit { - margin-top: calc(var(--global--spacing-vertical) / 3); + margin-top: calc(var(--global--spacing-vertical) / 3); } @media only screen and (min-width: 592px) { - .post-password-form__submit { - margin-left: calc(0.4 * var(--global--spacing-horizontal)); - } + + .post-password-form__submit { + margin-left: calc(0.4 * var(--global--spacing-horizontal)); + } } img { - height: auto; - max-width: 100%; - vertical-align: middle; + height: auto; + max-width: 100%; + vertical-align: middle; } /* Classic editor images */ .entry-content img { - max-width: 100%; + max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ @@ -1417,7 +1520,7 @@ embed, iframe, object, video { - max-width: 100%; + max-width: 100%; } /* Media captions */ @@ -1425,49 +1528,51 @@ 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; + 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 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; + 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; + 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; + font-weight: 700; } dfn, cite, em, i { - font-style: italic; + font-style: italic; } pre { - white-space: pre; - overflow-x: auto; + white-space: pre; + overflow-x: auto; } /* @@ -1476,63 +1581,74 @@ pre { * 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; + 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; + 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)); + + /* 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); } -.has-background .has-link-color a, .has-background.has-link-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); +.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)); } /* 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 var(--global--color-primary); + outline-offset: 5px; + outline: 2px solid var(--global--color-primary); } /** @@ -1545,16 +1661,17 @@ input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.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; + 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; } + .site .button:not(:hover):not(:active):not(.has-text-color), button:not(:hover):not(:active):not(.has-text-color), input[type=submit]:not(:hover):not(:active):not(.has-text-color), @@ -1562,8 +1679,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { - color: var(--global--color-background); + color: var(--global--color-background); } + .has-background .site .button:not(:hover):not(:active):not(.has-text-color), .has-background button:not(:hover):not(:active):not(.has-text-color), .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color), @@ -1571,8 +1689,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { - color: var(--local--color-background, var(--global--color-primary)); + color: var(--local--color-background, var(--global--color-primary)); } + .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background, @@ -1580,8 +1699,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { - color: var(--global--color-primary); + color: var(--global--color-primary); } + .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), @@ -1589,8 +1709,9 @@ input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: var(--global--color-primary); + background-color: var(--global--color-primary); } + .has-background .site .button:not(:hover):not(:active):not(.has-background), .has-background button:not(:hover):not(:active):not(.has-background), .has-background input[type=submit]:not(:hover):not(:active):not(.has-background), @@ -1598,9 +1719,11 @@ input[type=reset]:not(:hover):not(:active):not(.has-background), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { - background-color: var(--local--color-primary, var(--global--color-primary)); + background-color: var(--local--color-primary, var(--global--color-primary)); } -.site .button:hover, .site .button:active, + +.site .button:hover, +.site .button:active, button:hover, button:active, input[type=submit]:hover, @@ -1613,10 +1736,11 @@ input[type=reset]:active, .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; + background-color: transparent; + border-color: currentColor; + color: inherit; } + .site .button:focus, button:focus, input[type=submit]:focus, @@ -1624,9 +1748,10 @@ 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; + outline-offset: -6px; + outline: 2px dotted currentColor; } + .site .button:disabled, button:disabled, input[type=submit]:disabled, @@ -1634,154 +1759,185 @@ input[type=reset]:disabled, .wp-block-search .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled, .wp-block-file a.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); + 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); + 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)); + 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); + 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); + 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)); + 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; + 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), +.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); + 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)); + 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; + color: inherit; } + .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { - background-color: transparent; + 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 { - border-color: transparent !important; - background-color: var(--global--color-primary) !important; - color: var(--global--color-background) !important; + border-color: transparent !important; + background-color: var(--global--color-primary) !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; + 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; + color: var(--local--color-background, var(--global--color-background)) !important; } + .wp-block-button .is-style-squared .wp-block-button__link { - border-radius: 0; + border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius]:focus, .wp-block-button a.wp-block-button__link[style*=radius]:focus { - outline-offset: 2px; - outline: 2px dotted var(--button--color-background); + outline-offset: 2px; + outline: 2px dotted var(--button--color-background); } .wp-block-code { - border-color: var(--global--color-border); - border-radius: 0; - border-style: solid; - border-width: 0.1rem; - padding: var(--global--spacing-unit); + border-color: var(--global--color-border); + border-radius: 0; + border-style: solid; + border-width: 0.1rem; + padding: var(--global--spacing-unit); } + .wp-block-code code { - color: var(--global--color-primary); - white-space: pre; - overflow-x: auto; - display: block; + color: var(--global--color-primary); + white-space: pre; + overflow-x: auto; + display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { - clear: both; + clear: both; } + .wp-block-columns .wp-block-column > * { - margin-top: calc(0.66 * var(--global--spacing-vertical)); - margin-bottom: calc(0.66 * var(--global--spacing-vertical)); + margin-top: calc(0.66 * var(--global--spacing-vertical)); + margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-columns .wp-block-column > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-columns .wp-block-column > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-columns .wp-block-column > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-columns .wp-block-column > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-columns .wp-block-column:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: calc(0.66 * var(--global--spacing-vertical)); + margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-columns .wp-block-column:not(:last-child) { + margin-bottom: var(--global--spacing-vertical); + } } @media only screen and (min-width: 822px) { - .wp-block-columns .wp-block-column:not(:last-child) { - margin-bottom: 0; - } + + .wp-block-columns .wp-block-column:not(:last-child) { + margin-bottom: 0; + } } + .wp-block-columns.is-style-twentytwentyone-columns-overlap { - justify-content: space-around; + 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: 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-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-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), @@ -1789,222 +1945,267 @@ input[type=reset]:disabled, .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); } .wp-block-cover, .wp-block-cover-image { - background-color: var(--cover--color-background); - min-height: var(--cover--height); - margin-top: inherit; - margin-bottom: inherit; - /* 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. */ + background-color: var(--cover--color-background); + min-height: var(--cover--height); + 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; + clear: both; } + .wp-block-cover.alignfull, .wp-block-cover-image.alignfull { - margin-top: 0; - margin-bottom: 0; + 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: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + color: currentColor; + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .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; + 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: var(--wp--style--color--link, var(--global--color-primary)); + 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-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 { - color: var(--cover--color-foreground); + 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); - max-width: inherit; - text-align: inherit; - padding: 0; + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); + max-width: inherit; + text-align: inherit; + padding: 0; } + .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { - 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; + text-align: center; } + .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { - 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% - calc(2 * var(--global--spacing-vertical))); + width: calc(100% - 2 * var(--global--spacing-vertical)); } + .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-cover .wp-block-cover__inner-container > *, -.wp-block-cover-image .wp-block-cover__inner-container > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-cover .wp-block-cover__inner-container > *, + .wp-block-cover-image .wp-block-cover__inner-container > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { - margin-top: 0; + 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; + margin-bottom: 0; } -.wp-block-cover.alignleft, .wp-block-cover.alignright, + +.wp-block-cover.alignleft, +.wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { - margin-top: 0; + margin-top: 0; } -.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *, + +.wp-block-cover.alignleft > *, +.wp-block-cover.alignright > *, .wp-block-cover-image.alignleft > *, .wp-block-cover-image.alignright > * { - margin-top: calc(2 * var(--global--spacing-vertical)); - margin-bottom: calc(2 * var(--global--spacing-vertical)); - padding-left: var(--global--spacing-horizontal); - padding-right: var(--global--spacing-horizontal); - width: 100%; + margin-top: calc(2 * var(--global--spacing-vertical)); + margin-bottom: calc(2 * var(--global--spacing-vertical)); + padding-left: var(--global--spacing-horizontal); + padding-right: var(--global--spacing-horizontal); + width: 100%; } -.wp-block-cover.has-left-content, .wp-block-cover.has-right-content, + +.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; + justify-content: center; } + .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); + 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; + 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; + opacity: inherit; } + .wp-block-file a.wp-block-file__button { - display: inline-block; + display: inline-block; } .wp-block-gallery { - margin: 0 auto; + margin: 0 auto; } + .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { - width: calc((100% - var(--global--spacing-unit)) / 2); + width: calc((100% - var(--global--spacing-unit)) / 2); } + .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { - margin: 0; - color: var(--global--color-white); - font-size: var(--global--font-size-xs); + margin: 0; + color: var(--global--color-white); + font-size: var(--global--font-size-xs); } + .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a { - color: var(--global--color-white); + color: var(--global--color-white); } + .wp-block-gallery .blocks-gallery-image figcaption a:focus, .wp-block-gallery .blocks-gallery-item figcaption a:focus { - background-color: transparent; - outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); - text-decoration: none; + background-color: transparent; + outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); + text-decoration: none; } + .wp-block-gallery .blocks-gallery-image a:focus img, .wp-block-gallery .blocks-gallery-item a:focus img { - outline-offset: 2px; + outline-offset: 2px; } .wp-block-group { - display: block; - clear: both; - display: flow-root; + display: block; + clear: both; + display: flow-root; } -.wp-block-group:before, .wp-block-group:after { - content: ""; - display: block; - clear: both; + +.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; + margin-left: auto; + margin-right: auto; } + .wp-block-group .wp-block-group__inner-container > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-group .wp-block-group__inner-container > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-group .wp-block-group__inner-container > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-group .wp-block-group__inner-container > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-group .wp-block-group__inner-container > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-group.has-background { - padding: calc(0.666 * var(--global--spacing-vertical)); + padding: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-group.has-background { - padding: var(--global--spacing-vertical); - } + + .wp-block-group.has-background { + padding: var(--global--spacing-vertical); + } } + .wp-block-group.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - padding: var(--global--spacing-vertical); + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + padding: var(--global--spacing-vertical); } + .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, -.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, +.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, +.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, .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(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)); + 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)); } h1, @@ -2019,10 +2220,11 @@ h5, .h5, h6, .h6 { - clear: both; - font-family: var(--heading--font-family); - font-weight: var(--heading--font-weight); + clear: both; + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); } + h1 strong, .h1 strong, h2 strong, @@ -2035,598 +2237,746 @@ h5 strong, .h5 strong, h6 strong, .h6 strong { - font-weight: var(--heading--font-weight-strong); + font-weight: var(--heading--font-weight-strong); } h1, .h1 { - font-size: var(--heading--font-size-h1); - letter-spacing: var(--heading--letter-spacing-h1); - line-height: var(--heading--line-height-h1); + font-size: var(--heading--font-size-h1); + letter-spacing: var(--heading--letter-spacing-h1); + line-height: var(--heading--line-height-h1); } h2, .h2 { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); } h3, .h3 { - font-size: var(--heading--font-size-h3); - letter-spacing: var(--heading--letter-spacing-h3); - line-height: var(--heading--line-height-h3); + font-size: var(--heading--font-size-h3); + letter-spacing: var(--heading--letter-spacing-h3); + line-height: var(--heading--line-height-h3); } 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); + 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); } 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); + 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); } 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); + 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); } .wp-block-image { - text-align: center; + text-align: center; } + .wp-block-image figcaption { - color: var(--global--color-primary); - 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; + color: var(--global--color-primary); + 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; } + .wp-block-image .alignright { - margin-left: var(--global--spacing-horizontal); + margin-left: var(--global--spacing-horizontal); } + .wp-block-image .alignleft { - margin-right: var(--global--spacing-horizontal); + margin-right: var(--global--spacing-horizontal); } + .wp-block-image a:focus img { - outline-offset: 2px; + outline-offset: 2px; } .entry-content > *[class=wp-block-image], .entry-content [class*=inner-container] > *[class=wp-block-image] { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .entry-content > *[class=wp-block-image] + *, .entry-content [class*=inner-container] > *[class=wp-block-image] + * { - margin-top: 0; + margin-top: 0; } .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); + 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); + padding: var(--global--spacing-unit); } @media only screen and (min-width: 482px) { - .entry-content > .wp-block-image > .alignleft, -.entry-content > .wp-block-image > .alignright { - max-width: 50%; - } + + .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; - } + + .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; + padding-left: 0; } + .wp-block-latest-comments .wp-block-latest-comments__comment { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-body); - /* Vertical margins logic */ - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-body); + + /* Vertical margins logic */ + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-latest-comments .wp-block-latest-comments__comment-meta { - font-family: var(--heading--font-family); + font-family: var(--heading--font-family); } + .wp-block-latest-comments .wp-block-latest-comments__comment-date { - color: var(--global--color-primary); - font-size: var(--global--font-size-sm); + color: var(--global--color-primary); + font-size: var(--global--font-size-sm); } + .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-body); - margin: 0; + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-body); + margin: 0; } .wp-block-latest-posts { - padding-left: 0; + 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)); + 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; + margin-top: 0; } + .wp-block-latest-posts:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .widget-area .wp-block-latest-posts:not(.is-grid) > li { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-latest-posts.is-grid { - word-wrap: break-word; - word-break: break-word; + word-wrap: break-word; + word-break: break-word; } + .wp-block-latest-posts.is-grid > li { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-latest-posts.is-grid > li:last-child { - margin-bottom: 0; + 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.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: calc(0.333 * var(--global--spacing-vertical)); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + 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; + margin-top: 0; } + .wp-block-latest-posts > li > *:last-child { - margin-bottom: 0; + 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)); + 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)); } + .widget-area .wp-block-latest-posts > li > a { - font-size: var(--global--font-size-sm); - margin-bottom: 0; + font-size: var(--global--font-size-sm); + margin-bottom: 0; } + .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); + 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); + 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; + +[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)); + 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.alignfull { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); } -.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; + +.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: calc(3 * var(--separator--height)) solid var(--global--color-border); - border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); + 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); + 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; + 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); + 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); + 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); + 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-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); + 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); + padding-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); + 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%; + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; } + .gallery-item a { - display: block; + display: block; } + .gallery-item a:focus img { - outline-offset: -2px; + outline-offset: -2px; } + .gallery-columns-2 .gallery-item { - max-width: 50%; + max-width: 50%; } + .gallery-columns-3 .gallery-item { - max-width: 33.33%; + max-width: 33.33%; } + .gallery-columns-4 .gallery-item { - max-width: 25%; + max-width: 25%; } + .gallery-columns-5 .gallery-item { - max-width: 20%; + max-width: 20%; } + .gallery-columns-6 .gallery-item { - max-width: 16.66%; + max-width: 16.66%; } + .gallery-columns-7 .gallery-item { - max-width: 14.28%; + max-width: 14.28%; } + .gallery-columns-8 .gallery-item { - max-width: 12.5%; + max-width: 12.5%; } + .gallery-columns-9 .gallery-item { - max-width: 11.11%; + max-width: 11.11%; } .gallery-caption { - display: block; + display: block; } figure.wp-caption a:focus img { - outline-offset: 2px; + outline-offset: 2px; } ul, ol { - font-family: var(--list--font-family); - margin: 0; - padding-left: calc(2 * var(--global--spacing-horizontal)); + font-family: var(--list--font-family); + margin: 0; + padding-left: calc(2 * var(--global--spacing-horizontal)); } + ul.aligncenter, ol.aligncenter { - list-style-position: inside; - padding: 0; + list-style-position: inside; + padding: 0; } + ul.alignright, ol.alignright { - list-style-position: inside; - text-align: right; - padding: 0; + list-style-position: inside; + text-align: right; + padding: 0; } ul { - list-style-type: disc; + list-style-type: disc; } + ul ul { - list-style-type: circle; + list-style-type: circle; } ol { - list-style-type: decimal; + list-style-type: decimal; } + ol ul { - list-style-type: circle; + list-style-type: circle; } dt { - font-family: var(--definition-term--font-family); - font-weight: bold; + font-family: var(--definition-term--font-family); + font-weight: bold; } dd { - margin: 0; - padding-left: calc(2 * var(--global--spacing-horizontal)); + margin: 0; + padding-left: calc(2 * var(--global--spacing-horizontal)); } .wp-block-media-text { - /** + + /** * Block Options */ } + .wp-block-media-text.alignfull { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } + .wp-block-media-text a:focus img { - outline-offset: -1px; + outline-offset: -1px; } + .wp-block-media-text .wp-block-media-text__content { - padding: var(--global--spacing-horizontal); + padding: var(--global--spacing-horizontal); } @media only screen and (min-width: 592px) { - .wp-block-media-text .wp-block-media-text__content { - padding: var(--global--spacing-vertical); - } + + .wp-block-media-text .wp-block-media-text__content { + padding: var(--global--spacing-vertical); + } } + .wp-block-media-text .wp-block-media-text__content > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { - .wp-block-media-text .wp-block-media-text__content > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } + + .wp-block-media-text .wp-block-media-text__content > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } } + .wp-block-media-text .wp-block-media-text__content > *:first-child { - margin-top: 0; + margin-top: 0; } + .wp-block-media-text .wp-block-media-text__content > *:last-child { - margin-bottom: 0; + 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: var(--global--spacing-vertical); - padding-bottom: var(--global--spacing-vertical); - } + + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + padding-top: var(--global--spacing-vertical); + padding-bottom: var(--global--spacing-vertical); + } } + .wp-block-media-text.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); + border: calc(3 * var(--separator--height)) solid var(--global--color-border); +} + +.wp-block-navigation .wp-block-navigation-link { + padding: 0; +} + +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { + padding: var(--primary-nav--padding); } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); + font-family: var(--primary-nav--font-family); + font-size: var(--primary-nav--font-size); + font-weight: var(--primary-nav--font-weight); } + .wp-block-navigation .wp-block-navigation-link__submenu-icon { - padding: 0; + padding: 0; } + .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { - display: inherit; + 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; + border: none; + left: 0; + margin-left: var(--primary-nav--padding); + min-width: max-content; + opacity: 0; + padding: 0; + position: inherit; + top: inherit; } + +.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { + display: inline-block; + padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); +} + .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { - display: none; + display: none; } + +.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, +.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { + display: block; + opacity: 1; + visibility: visible; +} + .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { - background: var(--global--color-background); - margin: 0; - padding: 0; - position: absolute; - top: 100%; - border: 1px solid var(--primary-nav--border-color); -} -.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { - content: ""; - display: block; - position: absolute; - width: 0; - top: -10px; - left: var(--global--spacing-horizontal); - border-style: solid; - border-color: var(--primary-nav--border-color) transparent; - border-width: 0 7px 10px 7px; + background: var(--global--color-background); + margin: 0; + padding: 0; + position: absolute; + top: 100%; + border: 1px solid var(--primary-nav--border-color); } + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { - top: -9px; - border-color: var(--global--color-background) transparent; + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) 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: var(--global--color-background) transparent; +} + .wp-block-navigation:not(.has-background) .wp-block-navigation__container { - background: var(--global--color-background); + background: var(--global--color-background); } + .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { - background: var(--global--color-background); + background: var(--global--color-background); } -.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 > 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 > a:hover { - text-decoration: underline; - text-decoration-style: dotted; + text-decoration: underline; + text-decoration-style: dotted; } + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { - color: currentColor; + color: currentColor; } p { - line-height: var(--wp--typography--line-height, var(--global--line-height-body)); + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } + p.has-background { - padding: var(--global--spacing-unit); + padding: var(--global--spacing-unit); } + p.has-text-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); + color: var(--wp--style--color--link, var(--global--color-primary)); } pre.wp-block-preformatted { - overflow-x: auto; - white-space: pre; + overflow-x: auto; + white-space: pre; } .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; - /** + 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; + + /** * 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; + 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; + 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; + color: currentColor; } + .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { - color: currentColor; - display: block; - font-size: var(--global--font-size-xs); - font-style: var(--pullquote--font-style); - text-transform: none; + color: currentColor; + display: block; + 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; + 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; + text-align: center; } -.wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote { - max-width: var(--responsive--alignwide-width); + +.wp-block-pullquote.alignwide > p, +.wp-block-pullquote.alignwide blockquote { + max-width: var(--responsive--alignwide-width); } -.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { - padding: 0 calc(2 * var(--global--spacing-unit)); + +.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, +.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { + padding: 0 calc(2 * var(--global--spacing-unit)); } + .wp-block-pullquote.is-style-solid-color { - color: var(--pullquote--color-foreground); - padding: calc(2.5 * var(--global--spacing-unit)); - border-width: var(--pullquote--border-width); - border-style: solid; - border-color: var(--pullquote--border-color); + color: var(--pullquote--color-foreground); + 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 { + padding: calc(5 * var(--global--spacing-unit)); + } } + .wp-block-pullquote.is-style-solid-color blockquote::before { - text-align: left; + text-align: left; } + .wp-block-pullquote.is-style-solid-color blockquote { - margin: 0; - max-width: inherit; + margin: 0; + max-width: inherit; } + .wp-block-pullquote.is-style-solid-color blockquote p { - font-size: var(--pullquote--font-size); + 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; + color: currentColor; } -.wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright { - padding: var(--global--spacing-unit); + +.wp-block-pullquote.is-style-solid-color.alignleft, +.wp-block-pullquote.is-style-solid-color.alignright { + padding: var(--global--spacing-unit); } -.wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { - max-width: initial; + +.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: calc(0.666 * var(--global--spacing-vertical)); + 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-query.has-background { + padding: var(--global--spacing-vertical); + } } .wp-block-quote { - border-left: none; - /** + border-left: none; + + /** * Block Options */ } + .wp-block-quote:before { - content: "“"; - font-size: var(--quote--font-size); - line-height: var(--quote--line-height); - left: 8px; + content: "“"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + 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 .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, @@ -2635,870 +2985,1053 @@ pre.wp-block-preformatted { [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; + 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; + 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; + 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; + 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; + margin: var(--global--spacing-vertical) auto; } + .wp-block-quote.has-text-align-center:before { - display: none; + 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: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + +.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: 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 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: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: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; + +.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; } + .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-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: var(--global--color-primary); - font-size: var(--global--font-size-sm); + color: var(--global--color-primary); + font-size: var(--global--font-size-sm); } @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; - } - .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.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; + } + + .wp-block-quote.is-large.has-text-align-center, + .wp-block-quote.is-style-large.has-text-align-center { + padding-left: 0; + padding-right: 0; + } } @media only screen and (max-width: 481px) { - .wp-block-quote.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; - } + + .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; + } } .wp-block-rss { - padding-left: 0; + padding-left: 0; } + .wp-block-rss > li { - list-style: none; + 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)); + 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; + margin-top: 0; } + .wp-block-rss:not(.is-grid) > li:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .wp-block-rss.is-grid > li { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .wp-block-rss.is-grid > li:last-child { - margin-bottom: 0; + 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.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)); + 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; + margin-top: 0; } + .wp-block-rss > li > *:last-child { - margin-bottom: 0; + 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)); + 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); + 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); + 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; + +[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)); + 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); + 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; + +.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); + max-width: var(--responsive--aligndefault-width); } + .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { - justify-content: center; + justify-content: center; } + .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); + font-size: var(--form--font-size); + font-weight: var(--form--label-weight); + margin-bottom: calc(var(--global--spacing-vertical) / 3); } + .wp-block-search .wp-block-search__input { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - color: var(--form--color-text); - line-height: var(--form--line-height); - max-width: inherit; - margin-right: calc(-1 * var(--button--border-width)); - padding: var(--form--spacing-unit); + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + color: var(--form--color-text); + line-height: var(--form--line-height); + max-width: inherit; + margin-right: calc(-1 * var(--button--border-width)); + padding: var(--form--spacing-unit); } + .wp-block-search .wp-block-search__input:focus { - color: var(--form--color-text); - border-color: var(--form--border-color); + color: var(--form--color-text); + border-color: var(--form--border-color); } + .has-background .wp-block-search .wp-block-search__input { - border-color: var(--local--color-primary, var(--global--color-primary)) !important; + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } + .wp-block-search button.wp-block-search__button { - margin-left: 0; - line-height: 1; + margin-left: 0; + line-height: 1; } + .wp-block-search button.wp-block-search__button.has-icon { - padding: 6px calc(0.5 * var(--button--padding-horizontal)); + padding: 6px calc(0.5 * var(--button--padding-horizontal)); } + .wp-block-search button.wp-block-search__button.has-icon svg { - width: 40px; - height: 40px; - fill: currentColor; + width: 40px; + height: 40px; + fill: currentColor; } -.has-background .wp-block-search button.wp-block-search__button:hover, .has-background .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-background .wp-block-search button.wp-block-search__button:hover, +.has-background .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 button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active { - color: var(--local--color-primary, var(--global--color-primary)) !important; + +.has-text-color .wp-block-search button.wp-block-search__button:hover, +.has-text-color .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-inside .wp-block-search__inside-wrapper { - background-color: var(--global--color-white); - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - padding: var(--form--border-width); + background-color: var(--global--color-white); + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + padding: var(--form--border-width); } + .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { - border-color: var(--local--color-primary, var(--global--color-primary)) !important; + border-color: var(--local--color-primary, var(--global--color-primary)) !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: var(--form--spacing-unit); + margin-left: 0; + margin-right: 0; + padding-left: var(--form--spacing-unit); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { - color: var(--form--color-text); - outline-offset: -2px; - outline: 2px dotted var(--form--border-color); + color: var(--form--color-text); + outline-offset: -2px; + outline: 2px dotted var(--form--border-color); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { - padding: var(--button--padding-vertical) var(--button--padding-horizontal); + padding: var(--button--padding-vertical) var(--button--padding-horizontal); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { - color: var(--global--color-dark-gray); + color: var(--global--color-dark-gray); } + .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { - color: var(--global--color-dark-gray); + color: var(--global--color-dark-gray); } + .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { - background-color: var(--global--color-dark-gray); - color: var(--global--color-white); + background-color: var(--global--color-dark-gray); + color: var(--global--color-white); } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { - padding: 6px calc(0.5 * var(--button--padding-horizontal)); + padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search__button { - box-shadow: none; + box-shadow: none; } hr { - border-style: none; - border-bottom: var(--separator--height) solid var(--separator--border-color); - clear: both; - margin-left: auto; - margin-right: auto; + border-style: none; + border-bottom: var(--separator--height) solid var(--separator--border-color); + clear: both; + margin-left: auto; + margin-right: auto; } + hr.wp-block-separator { - border-bottom: var(--separator--height) solid var(--separator--border-color); - opacity: 1; - /** + border-bottom: var(--separator--height) solid var(--separator--border-color); + opacity: 1; + + /** * Block Options */ } + hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } + hr.wp-block-separator:not(.is-style-dots).alignwide { - max-width: var(--responsive--alignwide-width); + max-width: var(--responsive--alignwide-width); } + hr.wp-block-separator:not(.is-style-dots).alignfull { - max-width: var(--responsive--alignfull-width); + max-width: var(--responsive--alignfull-width); } + hr.wp-block-separator.is-style-twentytwentyone-separator-thick { - border-bottom-width: calc(3 * var(--separator--height)); + border-bottom-width: calc(3 * var(--separator--height)); } -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, +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.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: var(--separator--border-color); - font-size: var(--global--font-size-xl); - letter-spacing: var(--global--font-size-sm); - padding-left: var(--global--font-size-sm); + color: var(--separator--border-color); + font-size: var(--global--font-size-xl); + letter-spacing: var(--global--font-size-sm); + padding-left: var(--global--font-size-sm); } -.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; + +.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: var(--global--color-primary); -} -.wp-block-social-links.is-style-twentytwentyone-social-icons-color a { - color: var(--global--color-primary); -} -.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; + color: var(--global--color-primary); } -.wp-block-spacer { - display: block; - margin-bottom: 0 !important; - margin-top: 0 !important; +.wp-block-social-links.is-style-twentytwentyone-social-icons-color a { + color: var(--global--color-primary); } -@media only screen and (max-width: 481px) { - .wp-block-spacer[style] { - height: var(--global--spacing-unit) !important; - } + +.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; + width: 100%; + min-width: 240px; + border-collapse: collapse; } + table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { - text-align: center; + text-align: center; } + table th, .wp-block-table th { - font-family: var(--heading--font-family); + 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)); - border: 1px solid; + padding: calc(0.5 * var(--global--spacing-unit)); + border: 1px solid; } + table figcaption, .wp-block-table figcaption { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); } -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, + +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); + color: var(--table--has-background-text-color); } + table.is-style-stripes, .wp-block-table.is-style-stripes { - border-color: var(--table--stripes-border-color); + 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; + 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); + 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); + 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; - word-break: normal; + background: transparent; + border: 0; + text-align: center; + line-height: 2; + vertical-align: middle; + word-break: normal; } + table.wp-calendar-table th { - font-weight: bold; + font-weight: bold; } + table.wp-calendar-table thead, table.wp-calendar-table tbody { - color: currentColor; - border: 1px solid; + color: currentColor; + border: 1px solid; } + table.wp-calendar-table caption { - font-weight: bold; - text-align: left; - margin-bottom: var(--global--spacing-unit); - color: currentColor; + 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); + text-align: left; + margin-top: calc(var(--global--spacing-unit) / 2); } + .wp-calendar-nav svg { - height: 1em; - vertical-align: middle; + height: 1em; + vertical-align: middle; } + .wp-calendar-nav svg path { - fill: currentColor; + fill: currentColor; } + .wp-calendar-nav .wp-calendar-nav-next { - float: right; + float: right; } .wp-block-tag-cloud.alignfull { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); } .wp-block-verse { - font-family: var(--entry-content--font-family); + font-family: var(--entry-content--font-family); } .wp-block-video figcaption { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - margin-top: calc(0.5 * var(--global--spacing-unit)); - margin-bottom: var(--global--spacing-unit); - text-align: center; + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + margin-top: calc(0.5 * var(--global--spacing-unit)); + margin-bottom: var(--global--spacing-unit); + text-align: center; } * > figure > video { - max-width: unset; - width: 100%; - vertical-align: middle; + max-width: unset; + width: 100%; + vertical-align: middle; } :root .is-extra-small-text, :root .has-extra-small-font-size { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + :root .is-small-text, :root .has-small-font-size { - font-size: var(--global--font-size-sm); + 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); + 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); + 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); + 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); + 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); + font-size: var(--global--font-size-xxxl); + line-height: var(--global--line-height-heading); + font-weight: var(--heading--font-weight-page-title); } /* 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; + + /*rtl:ignore*/ + text-align: left; + margin-top: 0; } .entry-content > .alignleft { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { - .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin-right: var(--global--spacing-horizontal); - margin-bottom: var(--global--spacing-vertical); - } - .entry-content > .alignleft { - max-width: calc(50% - var(--responsive--alignleft-margin)); - } + .alignleft { + + /*rtl:ignore*/ + float: left; + + /*rtl:ignore*/ + margin-right: var(--global--spacing-horizontal); + margin-bottom: var(--global--spacing-vertical); + } + + .entry-content > .alignleft { + max-width: calc(50% - var(--responsive--alignleft-margin)); + } } + /** * .aligncenter */ .aligncenter { - clear: both; - display: block; - float: none; - margin-right: auto; - margin-left: auto; - text-align: center; + clear: both; + display: block; + float: none; + margin-right: auto; + margin-left: auto; + text-align: center; } /** * .alignright */ .alignright { - margin-top: 0; - margin-bottom: var(--global--spacing-vertical); + margin-top: 0; + margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignright { - max-width: var(--responsive--aligndefault-width); + max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { - .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin-left: var(--global--spacing-horizontal); - } - .entry-content > .alignright { - max-width: calc(50% - var(--responsive--alignright-margin)); - } + .alignright { + + /*rtl:ignore*/ + float: right; + + /*rtl:ignore*/ + margin-left: var(--global--spacing-horizontal); + } + + .entry-content > .alignright { + max-width: calc(50% - var(--responsive--alignright-margin)); + } } + [class*=inner-container] > .alignleft + *, [class*=inner-container] > .alignright + * { - margin-top: 0; + margin-top: 0; } /** * .alignwide */ .alignwide { - clear: both; + clear: both; } /** * .alignfull */ .alignfull { - clear: both; + clear: both; } .has-left-content { - justify-content: flex-start; + justify-content: flex-start; } .has-right-content { - justify-content: flex-end; + justify-content: flex-end; } .has-parallax { - background-attachment: fixed; + background-attachment: fixed; } .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)); + 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)); } .has-drop-cap:not(:focus)::after { - content: ""; - display: table; - clear: both; - padding-top: 14px; + content: ""; + display: table; + clear: both; + padding-top: 14px; } .desktop-only { - display: none; + display: none; } @media only screen and (min-width: 482px) { - .desktop-only { - display: block; - } + + .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: var(--global--spacing-vertical); + display: flex; + align-items: flex-start; + flex-wrap: wrap; + row-gap: var(--global--spacing-vertical); } + .wp-custom-logo .site-header { - align-items: center; + align-items: center; } @media only screen and (min-width: 482px) { - .site-header { - padding-top: calc(var(--global--spacing-vertical) / 0.75); - } + + .site-header { + padding-top: calc(var(--global--spacing-vertical) / 0.75); + } } @media only screen and (min-width: 822px) { - .site-header { - padding-top: calc(2.4 * var(--global--spacing-vertical)); - } + + .site-header { + padding-top: calc(2.4 * var(--global--spacing-vertical)); + } } .site-branding { - color: var(--branding--color-text); - margin-right: 140px; + color: var(--branding--color-text); + margin-right: 140px; } + .site-branding:last-child { - margin-right: 0; - width: 100%; - text-align: center; + margin-right: 0; + width: 100%; + text-align: center; } @media only screen and (min-width: 482px) { - .site-branding { - margin-right: initial; - margin-top: 4px; - } + + .site-branding { + margin-right: initial; + margin-top: 4px; + } } .site-title { - color: var(--branding--color-link); - font-family: var(--branding--title--font-family); - font-size: var(--branding--title--font-size-mobile); - letter-spacing: normal; - text-transform: var(--branding--title--text-transform); - line-height: var(--global--line-height-heading); - margin-bottom: calc(var(--global--spacing-vertical) / 6); + color: var(--branding--color-link); + font-family: var(--branding--title--font-family); + font-size: var(--branding--title--font-size-mobile); + letter-spacing: normal; + text-transform: var(--branding--title--text-transform); + line-height: var(--global--line-height-heading); + margin-bottom: calc(var(--global--spacing-vertical) / 6); } + .site-title a { - color: currentColor; - font-weight: var(--branding--title--font-weight); + color: currentColor; + font-weight: var(--branding--title--font-weight); } -.site-title a:link, .site-title a:visited, .site-title a:active { - color: currentColor; + +.site-title a:link, +.site-title a:visited, +.site-title a:active { + color: currentColor; } -.site-title a:hover, .site-title a:focus { - color: var(--branding--color-link-hover); + +.site-title a:hover, +.site-title a:focus { + color: var(--branding--color-link-hover); } @media only screen and (min-width: 482px) { - .site-title { - font-size: var(--branding--title--font-size); - } + + .site-title { + font-size: var(--branding--title--font-size); + } } .site-description { - color: currentColor; - font-family: var(--branding--description--font-family); - font-size: var(--branding--description--font-size); - line-height: 1.4; + color: currentColor; + font-family: var(--branding--description--font-family); + font-size: var(--branding--description--font-size); + line-height: 1.4; } .site-title > a { - text-decoration-color: var(--global--color-secondary); + text-decoration-color: var(--global--color-secondary); } .site-logo { - margin: calc(var(--global--spacing-vertical) / 2) 0; + margin: calc(var(--global--spacing-vertical) / 2) 0; } + .site-header > .site-logo { - width: 100%; - padding-bottom: calc(var(--global--spacing-vertical) * 1.5); - border-bottom: 1px solid; - text-align: center; + width: 100%; + padding-bottom: calc(var(--global--spacing-vertical) * 1.5); + border-bottom: 1px solid; + text-align: center; } + .site-logo .custom-logo { - margin-left: auto; - margin-right: auto; - max-width: var(--branding--logo--max-width-mobile); - max-height: var(--branding--logo--max-height-mobile); - height: auto; - display: inline-block; - width: auto; + margin-left: auto; + margin-right: auto; + max-width: var(--branding--logo--max-width-mobile); + max-height: var(--branding--logo--max-height-mobile); + height: auto; + display: inline-block; + width: auto; } @media only screen and (min-width: 482px) { - .site-logo .custom-logo { - max-width: var(--branding--logo--max-width); - max-height: var(--branding--logo--max-height); - height: auto; - width: auto; - } + + .site-logo .custom-logo { + max-width: var(--branding--logo--max-width); + max-height: var(--branding--logo--max-height); + 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: calc(0.5 * var(--global--spacing-vertical)); - margin-top: 0; - top: var(--global--admin-bar--height); - } - .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(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em); - } - .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: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit))); - } - body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { - padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); - padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); - margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); - } - .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-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { + position: absolute; + padding-top: calc(0.5 * var(--global--spacing-vertical)); + margin-top: 0; + top: var(--global--admin-bar--height); + } + + .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(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em); + } + + .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: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit)); + } + + body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { + padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); + padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); + margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); + } + + .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: calc(1.7 * var(--global--spacing-vertical)); + padding-top: 0; + padding-bottom: calc(1.7 * var(--global--spacing-vertical)); } + .no-widgets .site-footer { - margin-top: calc(6 * var(--global--spacing-vertical)); + margin-top: calc(6 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { - .no-widgets .site-footer { - margin-top: calc(3 * var(--global--spacing-vertical)); - } + + .no-widgets .site-footer { + margin-top: calc(3 * var(--global--spacing-vertical)); + } } .site-footer > .site-info { - padding-top: var(--global--spacing-vertical); - color: var(--footer--color-text); - font-family: var(--footer--font-family); - font-size: var(--footer--font-size); - line-height: var(--global--line-height-body); - border-top: 3px solid var(--global--color-border); + padding-top: var(--global--spacing-vertical); + color: var(--footer--color-text); + font-family: var(--footer--font-family); + font-size: var(--footer--font-size); + line-height: var(--global--line-height-body); + border-top: 3px solid var(--global--color-border); } + .site-footer > .site-info .site-name { - text-transform: var(--branding--title--text-transform); - font-size: var(--branding--title--font-size); + text-transform: var(--branding--title--text-transform); + font-size: var(--branding--title--font-size); } + +.site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { - margin-top: calc(0.5 * var(--global--spacing-vertical)); + margin-top: calc(0.5 * var(--global--spacing-vertical)); } @media only screen and (min-width: 822px) { - .site-footer > .site-info { - display: flex; - align-items: center; - } - .site-footer > .site-info .powered-by { - margin-top: initial; - margin-left: auto; - } + + .site-footer > .site-info { + display: flex; + align-items: center; + } + + .site-footer > .site-info .site-name { + margin-right: calc(0.5 * var(--global--spacing-vertical)); + } + + .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: calc(0.5 * var(--global--spacing-vertical)); + } } + .site-footer > .site-info a { - color: var(--footer--color-link); + color: var(--footer--color-link); } -.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active { - color: var(--footer--color-link); + +.site-footer > .site-info a:link, +.site-footer > .site-info a:visited, +.site-footer > .site-info a:active { + color: var(--footer--color-link); } + .site-footer > .site-info a:hover { - color: var(--footer--color-link-hover); + color: var(--footer--color-link-hover); } + .site-footer > .site-info a:focus { - color: var(--footer--color-link-hover); + color: var(--footer--color-link-hover); } + .is-dark-theme .site-footer > .site-info a:focus { - color: var(--wp--style--color--link, var(--global--color-background)); + color: var(--wp--style--color--link, var(--global--color-background)); } + .has-background-white .site-footer > .site-info a:focus { - color: var(--wp--style--color--link, var(--global--color-white)); + color: var(--wp--style--color--link, var(--global--color-white)); } .singular .entry-header { - border-bottom: 3px solid var(--global--color-border); - padding-bottom: calc(2 * var(--global--spacing-vertical)); - margin-bottom: calc(3 * var(--global--spacing-vertical)); + border-bottom: 3px solid var(--global--color-border); + padding-bottom: calc(2 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); } .home .entry-header { - border-bottom: none; - padding-bottom: 0; - margin-bottom: 0; + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { - border-bottom: none; - padding-bottom: calc(1.3 * var(--global--spacing-vertical)); - margin-bottom: 0; + border-bottom: none; + padding-bottom: calc(1.3 * var(--global--spacing-vertical)); + margin-bottom: 0; } .no-results.not-found > *:first-child { - margin-bottom: calc(3 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); } .page-links { - clear: both; + clear: both; } + .page-links .post-page-numbers { - display: inline-block; - margin-left: calc(0.66 * var(--global--spacing-unit)); - margin-right: calc(0.66 * var(--global--spacing-unit)); - min-width: 44px; - min-height: 44px; + display: inline-block; + margin-left: calc(0.66 * var(--global--spacing-unit)); + margin-right: calc(0.66 * var(--global--spacing-unit)); + min-width: 44px; + min-height: 44px; } + .page-links .post-page-numbers:first-child { - margin-left: 0; + margin-left: 0; } .entry-title { - color: var(--entry-header--color); - font-size: var(--entry-header--font-size); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); - overflow-wrap: break-word; + color: var(--entry-header--color); + font-size: var(--entry-header--font-size); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); + overflow-wrap: break-word; } + .entry-title a { - color: var(--entry-header--color-link); - text-underline-offset: 0.15em; + color: var(--entry-header--color-link); + text-underline-offset: 0.15em; } + .entry-title a:hover { - color: var(--entry-header--color-hover); + color: var(--entry-header--color-hover); } + .entry-title a:focus { - color: var(--entry-header--color-focus); + color: var(--entry-header--color-focus); } + .entry-title a:active { - color: var(--entry-header--color-link); + color: var(--entry-header--color-link); } .singular .entry-title { - font-size: var(--global--font-size-page-title); + font-size: var(--global--font-size-page-title); } h1.entry-title { - line-height: var(--heading--line-height-h1); - font-weight: var(--heading--font-weight-page-title); + line-height: var(--heading--line-height-h1); + font-weight: var(--heading--font-weight-page-title); } /** @@ -3506,148 +4039,167 @@ h1.entry-title { */ .entry-content, .entry-summary { - font-family: var(--entry-content--font-family); + font-family: var(--entry-content--font-family); } .entry-content p { - word-wrap: break-word; + word-wrap: break-word; } + .entry-content > iframe[style] { - margin: var(--global--spacing-vertical) 0 !important; - max-width: 100% !important; + margin: var(--global--spacing-vertical) 0 !important; + max-width: 100% !important; } + .entry-footer { - color: var(--global--color-primary); - clear: both; - float: none; - font-size: var(--global--font-size-xs); - display: block; + color: var(--global--color-primary); + clear: both; + float: none; + font-size: var(--global--font-size-xs); + display: block; } + .entry-footer > span { - display: inline-block; + display: inline-block; } + .entry-footer a { - color: currentColor; + color: currentColor; } -.entry-footer a:hover, .entry-footer a:focus { - color: var(--global--color-primary-hover); + +.entry-footer a:hover, +.entry-footer a:focus { + color: var(--global--color-primary-hover); } + .entry-footer a:active { - color: currentColor; + color: currentColor; } .site-main > article > .entry-footer { - margin-top: var(--global--spacing-vertical); - padding-top: var(--global--spacing-unit); - padding-bottom: calc(3 * var(--global--spacing-vertical)); - border-bottom: var(--separator--height) solid var(--separator--border-color); + margin-top: var(--global--spacing-vertical); + padding-top: var(--global--spacing-unit); + padding-bottom: calc(3 * var(--global--spacing-vertical)); + border-bottom: var(--separator--height) solid var(--separator--border-color); } body:not(.single) .site-main > article:last-of-type .entry-footer { - border-bottom: var(--separator--height) solid transparent; + border-bottom: var(--separator--height) solid transparent; } .single .site-main > article > .entry-footer { - margin-top: calc(3.4 * var(--global--spacing-vertical)); - margin-bottom: calc(3.4 * var(--global--spacing-vertical)); - padding-bottom: 0; - padding-top: calc(0.8 * var(--global--spacing-vertical)); - border-top: 3px solid var(--separator--border-color); - border-bottom: var(--separator--height) solid transparent; - display: grid; - grid-template-columns: repeat(2, 1fr); - column-gap: calc(2 * var(--global--spacing-horizontal)); + margin-top: calc(3.4 * var(--global--spacing-vertical)); + margin-bottom: calc(3.4 * var(--global--spacing-vertical)); + padding-bottom: 0; + padding-top: calc(0.8 * var(--global--spacing-vertical)); + border-top: 3px solid var(--separator--border-color); + border-bottom: var(--separator--height) solid transparent; + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: calc(2 * var(--global--spacing-horizontal)); } + .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { - justify-content: flex-end; - text-align: right; + justify-content: flex-end; + text-align: right; } + .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { - grid-column: span 2; + 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; + 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; - } + + .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; + text-align: center; } + .post-thumbnail .wp-post-image { - display: block; - width: auto; - max-width: 100%; - margin-left: auto; - margin-right: auto; - margin-top: calc(2 * var(--global--spacing-vertical)); + display: block; + width: auto; + max-width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: calc(2 * var(--global--spacing-vertical)); } /** * Author */ .author-bio { - position: relative; - font-size: var(--global--font-size-xs); - max-width: var(--responsive--aligndefault-width); + position: relative; + font-size: var(--global--font-size-xs); + max-width: var(--responsive--aligndefault-width); } + .site-main > article > .author-bio { - margin-top: calc(2 * var(--global--spacing-vertical)); + margin-top: calc(2 * var(--global--spacing-vertical)); } + .author-bio.show-avatars .avatar { - display: inline-block; - vertical-align: top; - border-radius: 50%; + display: inline-block; + vertical-align: top; + border-radius: 50%; } + .author-bio.show-avatars .author-bio-content { - display: inline-block; - padding-left: var(--global--spacing-horizontal); - max-width: calc(var(--responsive--aligndefault-width) - 90px); + display: inline-block; + padding-left: var(--global--spacing-horizontal); + max-width: calc(var(--responsive--aligndefault-width) - 90px); } + .author-bio .author-bio-content .author-title { - font-family: var(--entry-author-bio--font-family); - font-size: var(--entry-author-bio--font-size); - display: inline; + font-family: var(--entry-author-bio--font-family); + font-size: var(--entry-author-bio--font-size); + display: inline; } + .author-bio .author-bio-content .author-description { - font-size: var(--global--font-size-xs); - margin-top: calc(0.5 * var(--global--spacing-vertical)); - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + font-size: var(--global--font-size-xs); + margin-top: calc(0.5 * var(--global--spacing-vertical)); + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .page-title { - font-size: var(--global--font-size-page-title); + font-size: var(--global--font-size-page-title); } h1.page-title, h2.page-title { - font-weight: var(--heading--font-weight-page-title); + font-weight: var(--heading--font-weight-page-title); } h1.page-title { - line-height: var(--heading--line-height-h1); + line-height: var(--heading--line-height-h1); } .page-header { - border-bottom: 3px solid var(--global--color-border); - padding-bottom: calc(2 * var(--global--spacing-vertical)); + border-bottom: 3px solid var(--global--color-border); + padding-bottom: calc(2 * var(--global--spacing-vertical)); } .archive .content-area .format-aside .entry-content, @@ -3659,8 +4211,9 @@ h1.page-title { .blog .content-area .format-aside .entry-content, .blog .content-area .format-status .entry-content, .blog .content-area .format-link .entry-content { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } + .archive .format-image .entry-content, .archive .format-gallery .entry-content, .archive .format-video .entry-content, @@ -3670,61 +4223,68 @@ h1.page-title { .blog .format-image .entry-content, .blog .format-gallery .entry-content, .blog .format-video .entry-content { - margin-top: calc(2 * var(--global--spacing-vertical)); + margin-top: calc(2 * var(--global--spacing-vertical)); } + .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; + 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: calc(0.5 * var(--global--spacing-unit)); + margin-right: calc(0.5 * var(--global--spacing-unit)); } .archive-description { - margin-top: var(--global--spacing-vertical); - font-size: var(--global--font-size-xl); - line-height: var(--global--line-height-heading); + margin-top: var(--global--spacing-vertical); + font-size: var(--global--font-size-xl); + line-height: var(--global--line-height-heading); } .error404 main p { - font-size: var(--global--font-size-lg); - margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); + font-size: var(--global--font-size-lg); + margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); } .search-no-results .page-content { - margin-top: calc(3 * var(--global--spacing-vertical)); + margin-top: calc(3 * var(--global--spacing-vertical)); } /** * Comments Wrapper */ .comments-area > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .comments-area > *:first-child { - margin-top: 0; + margin-top: 0; } + .comments-area > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .comments-area.show-avatars .avatar { - border-radius: 50%; - position: absolute; - top: 10px; + border-radius: 50%; + position: absolute; + top: 10px; } + .comments-area.show-avatars .fn { - display: inline-block; - padding-left: 85px; + display: inline-block; + padding-left: 85px; } + .comments-area.show-avatars .comment-metadata { - padding: 8px 0 9px 85px; + padding: 8px 0 9px 85px; } /** @@ -3732,955 +4292,1120 @@ h1.page-title { */ .comments-title, .comment-reply-title { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); } .comment-reply-title { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } + .comment-reply-title small a { - font-family: var(--global--font-secondary); - font-size: var(--global--font-size-xs); - font-style: normal; - font-weight: normal; - letter-spacing: normal; + font-family: var(--global--font-secondary); + font-size: var(--global--font-size-xs); + font-style: normal; + font-weight: normal; + letter-spacing: normal; } /* Nested comment reply title*/ .comment .comment-respond .comment-reply-title { - font-size: var(--global--font-size-lg); + font-size: var(--global--font-size-lg); } /** * Comment Lists */ .comment-list { - padding-left: 0; - list-style: none; + padding-left: 0; + list-style: none; } + .comment-list > li { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } .comment-list .children { - list-style: none; - padding-left: 0; + list-style: none; + padding-left: 0; } + .comment-list .children > li { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } @media only screen and (min-width: 482px) { - .comment-list .depth-2, -.comment-list .depth-3 { - padding-left: calc(4 * var(--global--spacing-horizontal)); - } + + .comment-list .depth-2, + .comment-list .depth-3 { + padding-left: calc(4 * var(--global--spacing-horizontal)); + } } /** * Comment Meta */ .comment-meta .comment-author { - line-height: var(--global--line-height-heading); - margin-bottom: calc(0.25 * var(--global--spacing-unit)); + line-height: var(--global--line-height-heading); + margin-bottom: calc(0.25 * var(--global--spacing-unit)); } @media only screen and (min-width: 482px) { - .comment-meta .comment-author { - margin-bottom: 0; - padding-right: 0; - } + + .comment-meta .comment-author { + margin-bottom: 0; + padding-right: 0; + } } + .comment-meta .comment-author .fn { - font-family: var(--global--font-secondary); - font-weight: normal; - font-size: var(--global--font-size-lg); - hyphens: auto; - word-wrap: break-word; - word-break: break-word; + font-family: var(--global--font-secondary); + font-weight: normal; + font-size: var(--global--font-size-lg); + hyphens: auto; + word-wrap: break-word; + word-break: break-word; } + .comment-meta .comment-metadata { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - padding: 8px 0 9px 0; + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + padding: 8px 0 9px 0; } + .comment-meta .comment-metadata .edit-link { - margin-left: var(--global--spacing-horizontal); + margin-left: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { - .comment-meta { - margin-right: inherit; - } - .comment-meta .comment-author { - max-width: inherit; - } + + .comment-meta { + margin-right: inherit; + } + + .comment-meta .comment-author { + max-width: inherit; + } } .reply { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-heading); + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-heading); } .bypostauthor { - display: block; + display: block; } .says { - display: none; + display: none; } .pingback .url, .trackback .url { - font-family: var(--global--font-primary); + font-family: var(--global--font-primary); } .comment-body { - position: relative; - margin-bottom: calc(1.7 * var(--global--spacing-vertical)); + position: relative; + margin-bottom: calc(1.7 * var(--global--spacing-vertical)); } + .comment-body > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .comment-body .reply { - margin: 0; + margin: 0; } .comment-content { - word-wrap: break-word; + word-wrap: break-word; } .pingback .comment-body, .trackback .comment-body { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } .comment-respond { - margin-top: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); } .comment-respond > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + .comment-respond > *:first-child { - margin-top: 0; + margin-top: 0; } + .comment-respond > *:last-child { - margin-bottom: 0; + margin-bottom: 0; } + .comment-respond > *:last-child.comment-form { - margin-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } .comment-author { - padding-top: 3px; + padding-top: 3px; } + .comment-author .url { - color: currentColor; + color: currentColor; } .comment-form { - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } + .comment-form > * { - flex-basis: 100%; + flex-basis: 100%; } + .comment-form .comment-notes { - font-size: var(--global--font-size-sm); + font-size: var(--global--font-size-sm); } + .comment-form .comment-form-url, .comment-form .comment-form-comment { - width: 100%; + width: 100%; } + .comment-form .comment-form-author, .comment-form .comment-form-email { - flex-basis: 0; - flex-grow: 1; + 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-author, + .comment-form .comment-form-email { + flex-basis: 100%; + } } + .comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes { - font-size: var(--global--font-size-xs); - font-weight: normal; + font-size: var(--global--font-size-xs); + font-weight: normal; } .comment-form > p { - margin-bottom: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); } + .comment-form > p:first-of-type { - margin-top: 0; + margin-top: 0; } + .comment-form > p:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } + .comment-form > p label, .comment-form > p input[type=email], .comment-form > p input[type=text], .comment-form > p input[type=url], .comment-form > p textarea { - display: block; - font-size: var(--global--font-size-sm); - margin-bottom: calc(.5 * var(--global--spacing-unit)); - width: 100%; - font-weight: var(--form--label-weight); + display: block; + font-size: var(--global--font-size-sm); + margin-bottom: calc(0.5 * var(--global--spacing-unit)); + width: 100%; + font-weight: var(--form--label-weight); } + .comment-form > p.comment-form-cookies-consent { - display: flex; + display: flex; } @media only screen and (min-width: 482px) { - .comment-form > p.comment-form-author { - margin-right: calc(1.5 * var(--global--spacing-horizontal)); - } - .comment-form > p.comment-notes, .comment-form > p.logged-in-as { - display: block; - } + + .comment-form > p.comment-form-author { + margin-right: calc(1.5 * var(--global--spacing-horizontal)); + } + + .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: calc(0.5 * var(--global--spacing-vertical)); - padding-bottom: calc(0.25 * var(--global--spacing-vertical)); + display: none; + justify-content: space-between; + position: absolute; + right: 0; + padding-top: calc(0.5 * var(--global--spacing-vertical)); + padding-bottom: calc(0.25 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { - .menu-button-container { - display: flex; - } + + .menu-button-container { + display: flex; + } } + .menu-button-container #primary-mobile-menu { - display: flex; - margin-left: auto; - padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); - font-size: var(--primary-nav--font-size-button); - font-weight: var(--primary-nav--font-weight-button); - background-color: transparent; - border: none; - color: var(--primary-nav--color-link); + display: flex; + margin-left: auto; + padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal)); + font-size: var(--primary-nav--font-size-button); + font-weight: var(--primary-nav--font-weight-button); + background-color: transparent; + border: none; + color: var(--primary-nav--color-link); } + .menu-button-container #primary-mobile-menu .dropdown-icon { - display: flex; - align-items: center; + display: flex; + align-items: center; } + .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { - margin-left: calc(0.25 * var(--global--spacing-unit)); + margin-left: calc(0.25 * var(--global--spacing-unit)); } + .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { - position: relative; - top: -1px; + position: relative; + top: -1px; } + .menu-button-container #primary-mobile-menu .dropdown-icon.close { - display: none; + display: none; } + .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { - display: none; + display: none; } + .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { - display: flex; + 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; + animation-name: twentytwentyone-close-button-transition; + animation-duration: 0.3s; } + .primary-navigation-open .menu-button-container { - width: 100%; - z-index: 500; - background-color: var(--global--color-background); + width: 100%; + z-index: 500; + background-color: var(--global--color-background); } + .primary-navigation-open .menu-button-container #primary-mobile-menu { - position: static; + position: static; } .primary-navigation { - position: absolute; - top: var(--global--admin-bar--height); - right: 0; - color: var(--primary-nav--color-text); - font-size: var(--primary-nav--font-size); - line-height: 1.15; - margin-top: 0; - margin-bottom: 0; + position: absolute; + top: var(--global--admin-bar--height); + right: 0; + color: var(--primary-nav--color-text); + font-size: var(--primary-nav--font-size); + 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(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - padding-bottom: var(--global--spacing-horizontal); - background-color: var(--global--color-background); - transition: all 0.15s ease-in-out; - transform: translateY(var(--global--spacing-vertical)); + position: fixed; + visibility: hidden; + opacity: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + padding-bottom: var(--global--spacing-horizontal); + background-color: var(--global--color-background); + transform: translateY(var(--global--spacing-vertical)); +} +@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: var(--global--admin-bar--height); - } - .admin-bar .primary-navigation > .primary-menu-container { - height: calc(100vh - var(--global--admin-bar--height)); - } - .primary-navigation > .primary-menu-container:focus { - border: 2px solid var(--global--color-primary); - } + + .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: var(--global--admin-bar--height); + } + + .admin-bar .primary-navigation > .primary-menu-container { + height: calc(100vh - var(--global--admin-bar--height)); + } + + .primary-navigation > .primary-menu-container:focus { + border: 2px solid var(--global--color-primary); + } } @media only screen and (max-width: 481px) { - .primary-navigation-open .primary-navigation { - width: 100%; - position: fixed; - z-index: 2; - } + + .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); + 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); - } + + .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 { + 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; + 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 { + padding-bottom: 100px; + } + + .primary-navigation > div > .menu-wrapper ul { + padding-left: 0; + } } + .primary-navigation > div > .menu-wrapper li { - display: block; - position: relative; - width: 100%; + 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 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(2 * var(--primary-nav--padding) + 1.15em + 1px); - width: 44px; - padding: 0; - justify-content: center; - align-items: center; - background: transparent; - color: currentColor; - border: none; + display: flex; + height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); + 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 var(--wp--style--color--link, var(--global--color-primary)); + outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); } @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 { + 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; + 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; + margin-top: -1px; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { - display: none; + display: none; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { - display: flex; + display: flex; } + .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { - display: none; + display: none; } + .primary-navigation > div > .menu-wrapper > li > .sub-menu { - position: relative; + 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; - transition: all 0.5s ease; - z-index: 88888; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { - content: ""; - display: block; - position: absolute; - width: 0; - top: -10px; - left: var(--global--spacing-horizontal); - border-style: solid; - border-color: var(--primary-nav--border-color) transparent; - border-width: 0 7px 10px 7px; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { - top: -9px; - border-color: var(--global--color-background) transparent; - } - .primary-navigation > div > .menu-wrapper > li > .sub-menu li { - background: var(--global--color-background); - } - .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, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { - /* rtl:ignore */ - left: var(--global--spacing-horizontal); - /* 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, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { - /* rtl:ignore */ - left: auto; - /* rtl:ignore */ - right: var(--global--spacing-horizontal); - } + + .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, + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) transparent; + border-width: 0 7px 10px 7px; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + top: -9px; + border-color: var(--global--color-background) transparent; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu li { + background: var(--global--color-background); + } + + .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, + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { + + /* rtl:ignore */ + left: var(--global--spacing-horizontal); + + /* 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, + .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { + + /* rtl:ignore */ + left: auto; + + /* rtl:ignore */ + right: var(--global--spacing-horizontal); + } } + .primary-navigation .primary-menu > .menu-item:hover > a { - color: var(--primary-nav--color-link-hover); + color: var(--primary-nav--color-link-hover); } @media only screen and (min-width: 482px) { - .primary-navigation .primary-menu-container { - margin-right: calc(0px - var(--primary-nav--padding)); - margin-left: calc(0px - var(--primary-nav--padding)); - } - .primary-navigation .primary-menu-container > ul > .menu-item { - display: flex; - } - .primary-navigation .primary-menu-container > ul > .menu-item > a { - padding-left: var(--primary-nav--padding); - padding-right: var(--primary-nav--padding); - } - .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { - margin-left: calc(5px - var(--primary-nav--padding)); - } + + .primary-navigation .primary-menu-container { + margin-right: calc(0px - var(--primary-nav--padding)); + margin-left: calc(0px - var(--primary-nav--padding)); + } + + .primary-navigation .primary-menu-container > ul > .menu-item { + display: flex; + } + + .primary-navigation .primary-menu-container > ul > .menu-item > a { + padding-left: var(--primary-nav--padding); + padding-right: var(--primary-nav--padding); + } + + .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { + margin-left: calc(5px - var(--primary-nav--padding)); + } } + .primary-navigation a { - display: block; - font-family: var(--primary-nav--font-family-mobile); - font-size: var(--primary-nav--font-size-mobile); - font-weight: var(--primary-nav--font-weight); - padding: var(--primary-nav--padding) 0; - text-decoration: none; + display: block; + font-family: var(--primary-nav--font-family-mobile); + font-size: var(--primary-nav--font-size-mobile); + font-weight: var(--primary-nav--font-weight); + padding: var(--primary-nav--padding) 0; + text-decoration: none; } @media only screen and (min-width: 482px) { - .primary-navigation a { - display: block; - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); - } + + .primary-navigation a { + display: block; + font-family: var(--primary-nav--font-family); + font-size: var(--primary-nav--font-size); + font-weight: var(--primary-nav--font-weight); + } } + .primary-navigation a + svg { - fill: var(--primary-nav--color-text); + fill: var(--primary-nav--color-text); } -.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited { - color: var(--primary-nav--color-link-hover); + +.primary-navigation a:hover, +.primary-navigation a:link, +.primary-navigation a:visited { + color: var(--primary-nav--color-link-hover); } + .primary-navigation a:hover { - text-decoration: underline; - text-decoration-style: dotted; + text-decoration: underline; + text-decoration-style: dotted; } + .primary-navigation a:focus { - position: relative; - z-index: 99999; - outline-offset: 0; - text-decoration-thickness: 2px; + 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; + 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; + text-decoration: underline; + text-decoration-style: dotted; } + .primary-navigation .sub-menu { - margin: 0; - padding: 0; - list-style: none; - margin-left: var(--primary-nav--padding); - border: 1px solid var(--primary-nav--border-color); + margin: 0; + padding: 0; + list-style: none; + margin-left: var(--primary-nav--padding); + border: 1px solid var(--primary-nav--border-color); } + .primary-navigation .sub-menu .sub-menu { - border: none; + border: none; } @media only screen and (min-width: 482px) { - .primary-navigation .sub-menu > .menu-item > .sub-menu { - padding: 0; - } + + .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:last-child { + margin-bottom: 0; + } } + .primary-navigation .sub-menu .menu-item > a { - padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); - display: block; - font-size: var(--primary-nav--font-size-sub-menu-mobile); - font-style: var(--primary-nav--font-style-sub-menu-mobile); + padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); + display: block; + font-size: var(--primary-nav--font-size-sub-menu-mobile); + font-style: var(--primary-nav--font-style-sub-menu-mobile); } @media only screen and (min-width: 482px) { - .primary-navigation .sub-menu .menu-item > a { - font-size: var(--primary-nav--font-size-sub-menu); - font-style: var(--primary-nav--font-style); - } + + .primary-navigation .sub-menu .menu-item > a { + font-size: var(--primary-nav--font-size-sub-menu); + font-style: var(--primary-nav--font-style); + } } + .primary-navigation .menu-item-has-children > .svg-icon { - display: none; + 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-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: var(--global--font-size-xs); - text-transform: none; - line-height: 1.7; + display: block; + clear: both; + font-size: var(--global--font-size-xs); + text-transform: none; + line-height: 1.7; } + .primary-navigation .menu-item-description > span { - display: inline-block; + display: inline-block; } @media only screen and (max-width: 481px) { - .lock-scrolling .site { - position: fixed; - max-width: 100%; - width: 100%; - } + + .lock-scrolling .site { + position: fixed; + max-width: 100%; + width: 100%; + } } @keyframes twentytwentyone-close-button-transition { - from { - opacity: 0; - } - to { - opacity: 1; - } + + from { + opacity: 0; + } + + to { + opacity: 1; + } } + .footer-navigation { - margin-top: calc(2 * var(--global--spacing-vertical)); - margin-bottom: var(--global--spacing-vertical); - color: var(--footer--color-text); - font-size: var(--global--font-size-xs); - font-family: var(--footer--font-family); + margin-top: calc(2 * var(--global--spacing-vertical)); + margin-bottom: var(--global--spacing-vertical); + color: var(--footer--color-text); + font-size: var(--global--font-size-xs); + font-family: var(--footer--font-family); } .footer-navigation-wrapper { - display: flex; - justify-content: center; - flex-wrap: wrap; - list-style: none; - padding-left: 0; + display: flex; + justify-content: center; + flex-wrap: wrap; + list-style: none; + padding-left: 0; } + .footer-navigation-wrapper li { - display: inline; - line-height: 3; + display: inline; + line-height: 3; } + .footer-navigation-wrapper li a { - padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); - transition: transform 0.1s ease; - color: var(--footer--color-link); + padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); + color: var(--footer--color-link); } -.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active { - color: var(--footer--color-link); + +.footer-navigation-wrapper li a:link, +.footer-navigation-wrapper li a:visited, +.footer-navigation-wrapper li a:active { + color: var(--footer--color-link); } + .footer-navigation-wrapper li a:hover { - text-decoration: underline; - text-decoration-style: dotted; - text-decoration-skip-ink: none; - color: var(--footer--color-link-hover); + text-decoration: underline; + text-decoration-style: dotted; + text-decoration-skip-ink: none; + color: var(--footer--color-link-hover); } + .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { - fill: var(--wp--style--color--link, var(--global--color-background)); + fill: var(--wp--style--color--link, var(--global--color-background)); } + .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { - fill: var(--wp--style--color--link, var(--global--color-white)); + fill: var(--wp--style--color--link, var(--global--color-white)); } + .footer-navigation-wrapper li .svg-icon { - vertical-align: middle; - fill: var(--footer--color-link); + vertical-align: middle; + fill: var(--footer--color-link); } + .footer-navigation-wrapper li .svg-icon:hover { - transform: scale(1.1); + 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; + display: none; } /* Next/Previous navigation */ .navigation { - color: var(--global--color-primary); + color: var(--global--color-primary); } + .navigation a { - color: var(--global--color-primary); - text-decoration: none; + color: var(--global--color-primary); + text-decoration: none; } + .navigation a:hover { - color: var(--global--color-primary-hover); - text-decoration: underline; - text-decoration-style: dotted; + color: var(--global--color-primary-hover); + text-decoration: underline; + text-decoration-style: dotted; } + .navigation a:focus { - color: var(--global--color-secondary); + color: var(--global--color-secondary); } + .navigation a:active { - color: var(--global--color-primary); + color: var(--global--color-primary); } + .navigation .nav-links > * { - min-width: 44px; - min-height: 44px; + min-width: 44px; + min-height: 44px; } + .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } + .navigation .nav-links .dots { - text-align: center; + 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% - (0.5 * var(--global--spacing-unit))); - } - .navigation .nav-links .nav-next { - text-align: right; - } + + .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% - 0.5 * var(--global--spacing-unit)); + } + + .navigation .nav-links .nav-next { + text-align: right; + } } + .navigation .svg-icon { - display: inline-block; - fill: currentColor; - vertical-align: middle; - position: relative; + display: inline-block; + fill: currentColor; + vertical-align: middle; + position: relative; } + .navigation .nav-previous .svg-icon, .navigation .prev .svg-icon { - top: -2px; - margin-right: calc(0.25 * var(--global--spacing-unit)); + top: -2px; + margin-right: calc(0.25 * var(--global--spacing-unit)); } + .navigation .nav-next .svg-icon, .navigation .next .svg-icon { - top: -1px; - margin-left: calc(0.25 * var(--global--spacing-unit)); + top: -1px; + margin-left: calc(0.25 * var(--global--spacing-unit)); } .post-navigation { - margin: var(--global--spacing-vertical) auto; + margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { - .post-navigation { - margin: var(--global--spacing-vertical) auto; - } + + .post-navigation { + margin: var(--global--spacing-vertical) auto; + } } + .post-navigation .meta-nav { - line-height: var(--global--line-height-body); - color: var(--global--color-primary); + line-height: var(--global--line-height-body); + color: var(--global--color-primary); } + .post-navigation .post-title { - display: inline-block; - font-family: var(--global--font-primary); - font-size: var(--global--font-size-lg); - font-weight: var(--pagination--font-weight-strong); - line-height: var(--global--line-height-heading); + display: inline-block; + font-family: var(--global--font-primary); + font-size: var(--global--font-size-lg); + font-weight: var(--pagination--font-weight-strong); + line-height: var(--global--line-height-heading); } @media only screen and (min-width: 822px) { - .post-navigation .post-title { - margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0; - } + + .post-navigation .post-title { + margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0; + } } @media only screen and (min-width: 482px) { - .post-navigation .nav-links { - justify-content: space-between; - } + + .post-navigation .nav-links { + justify-content: space-between; + } } + .post-navigation .nav-next, .post-navigation .nav-previous { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); } + .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { - margin-top: 0; + margin-top: 0; } + .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { - margin-bottom: 0; + margin-bottom: 0; } .pagination, .comments-pagination { - border-top: 3px solid var(--global--color-border); - padding-top: var(--global--spacing-vertical); - margin: var(--global--spacing-vertical) auto; + border-top: 3px solid var(--global--color-border); + padding-top: var(--global--spacing-vertical); + margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { - .pagination, -.comments-pagination { - margin: var(--global--spacing-vertical) auto; - } + + .pagination, + .comments-pagination { + margin: var(--global--spacing-vertical) auto; + } } + .pagination .nav-links, .comments-pagination .nav-links { - margin-top: calc(-1 * var(--global--spacing-vertical)); + margin-top: calc(-1 * var(--global--spacing-vertical)); } + .pagination .nav-links a:hover, .comments-pagination .nav-links a:hover { - color: var(--pagination--color-link-hover); + color: var(--pagination--color-link-hover); } + .is-dark-theme .pagination .nav-links a:active, .is-dark-theme .pagination .nav-links a:hover:active, .is-dark-theme .pagination .nav-links a:hover:focus, .is-dark-theme .comments-pagination .nav-links a:active, .is-dark-theme .comments-pagination .nav-links a:hover:active, .is-dark-theme .comments-pagination .nav-links a:hover:focus { - color: var(--global--color-background); + color: var(--global--color-background); } + .has-background-white .pagination .nav-links a:active, .has-background-white .pagination .nav-links a:hover:active, .has-background-white .pagination .nav-links a:hover:focus, .has-background-white .comments-pagination .nav-links a:active, .has-background-white .comments-pagination .nav-links a:hover:active, .has-background-white .comments-pagination .nav-links a:hover:focus { - color: var(--global--color-white); + color: var(--global--color-white); } + .pagination .nav-links > *, .comments-pagination .nav-links > * { - color: var(--pagination--color-text); - font-family: var(--pagination--font-family); - font-size: var(--pagination--font-size); - font-weight: var(--pagination--font-weight); - margin-top: var(--global--spacing-vertical); - margin-left: calc(0.66 * var(--global--spacing-unit)); - margin-right: calc(0.66 * var(--global--spacing-unit)); + color: var(--pagination--color-text); + font-family: var(--pagination--font-family); + font-size: var(--pagination--font-size); + font-weight: var(--pagination--font-weight); + margin-top: var(--global--spacing-vertical); + margin-left: calc(0.66 * var(--global--spacing-unit)); + margin-right: calc(0.66 * var(--global--spacing-unit)); } + .pagination .nav-links > *.current, .comments-pagination .nav-links > *.current { - text-decoration: underline; + text-decoration: underline; } + .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover { - text-decoration-style: dotted; + text-decoration-style: dotted; } + .pagination .nav-links > *:first-child, .comments-pagination .nav-links > *:first-child { - margin-left: 0; + margin-left: 0; } + .pagination .nav-links > *:last-child, .comments-pagination .nav-links > *:last-child { - margin-right: 0; + margin-right: 0; } + .pagination .nav-links > *.next, .comments-pagination .nav-links > *.next { - margin-left: auto; + margin-left: auto; } + .pagination .nav-links > *.prev, .comments-pagination .nav-links > *.prev { - margin-right: auto; + 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; - } + + .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; - } + + .pagination .nav-short, + .comments-pagination .nav-short { + display: none; + } } .comments-pagination { - padding-top: calc(0.66 * var(--global--spacing-vertical)); - margin: calc(3 * var(--global--spacing-vertical)) auto; + padding-top: calc(0.66 * var(--global--spacing-vertical)); + margin: calc(3 * var(--global--spacing-vertical)) auto; } @media only screen and (min-width: 822px) { - .comments-pagination { - margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; - } + + .comments-pagination { + margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; + } } + .comments-pagination .nav-links > * { - font-size: var(--global--font-size-md); + font-size: var(--global--font-size-md); } .widget-area { - margin-top: calc(6 * var(--global--spacing-vertical)); - padding-bottom: calc(var(--global--spacing-vertical) / 3); - color: var(--footer--color-text); - font-size: var(--footer--font-size); - font-family: var(--footer--font-family); + margin-top: calc(6 * var(--global--spacing-vertical)); + padding-bottom: calc(var(--global--spacing-vertical) / 3); + color: var(--footer--color-text); + font-size: var(--footer--font-size); + font-family: var(--footer--font-family); } @media only screen and (min-width: 652px) { - .widget-area { - display: grid; - grid-template-columns: repeat(2, 1fr); - column-gap: calc(2 * var(--global--spacing-horizontal)); - } + + .widget-area { + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: calc(2 * var(--global--spacing-horizontal)); + } } @media only screen and (min-width: 1024px) { - .widget-area { - grid-template-columns: repeat(3, 1fr); - } + + .widget-area { + grid-template-columns: repeat(3, 1fr); + } } @media only screen and (max-width: 481px) { - .widget-area { - margin-top: calc(3 * var(--global--spacing-vertical)); - } -} -.widget-area ul { - list-style-type: none; - padding: 0; -} -.widget-area ul li { - line-height: var(--widget--line-height-list); -} -.widget-area ul.sub-menu, .widget-area ul.children { - margin-left: var(--widget--spacing-menu); -} -.widget-area ul .sub-menu-toggle { - display: none; -} -.widget-area a { - color: var(--footer--color-link); - text-decoration: underline; - text-decoration-style: solid; - text-decoration-color: currentColor; -} -.widget-area a:link, .widget-area a:visited, .widget-area a:active { - color: var(--footer--color-link); -} -.widget-area a:hover { - color: var(--footer--color-link-hover); - text-decoration-style: dotted; + + .widget-area { + margin-top: calc(3 * var(--global--spacing-vertical)); + } } + .widget-area .wp-block-social-links.alignright { - margin-top: var(--global--spacing-vertical); - justify-content: flex-end; + margin-top: var(--global--spacing-vertical); + justify-content: flex-end; } + .widget-area .wp-block-social-links.alignleft { - margin-top: var(--global--spacing-vertical); + margin-top: var(--global--spacing-vertical); } + .widget-area:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } .widget h1, @@ -4689,190 +5414,240 @@ h1.page-title { .widget h4, .widget h5, .widget h6 { - font-weight: var(--widget--font-weight-title); - line-height: var(--widget--line-height-title); + font-weight: var(--widget--font-weight-title); + line-height: var(--widget--line-height-title); } + .widget h1 { - font-size: var(--global--font-size-md); + font-size: var(--global--font-size-md); } + .widget h2 { - font-size: var(--global--font-size-sm); + font-size: var(--global--font-size-sm); } + .widget h3 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + .widget h4 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + .widget h5 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); } + .widget h6 { - font-size: var(--global--font-size-xs); + font-size: var(--global--font-size-xs); +} + +.widget ul { + list-style-type: none; + padding: 0; +} + +.widget ul li { + line-height: var(--widget--line-height-list); +} + +.widget ul.sub-menu, +.widget ul.children { + margin-left: var(--widget--spacing-menu); +} + +.widget ul .sub-menu-toggle { + display: none; +} + +.widget a { + color: var(--footer--color-link); + text-decoration: underline; + text-decoration-style: solid; + text-decoration-color: currentColor; +} + +.widget a:link, +.widget a:visited, +.widget a:active { + color: var(--footer--color-link); +} + +.widget a:hover { + color: var(--footer--color-link-hover); + text-decoration-style: dotted; } .search-form { - display: flex; - flex-wrap: wrap; - margin: auto; - max-width: var(--responsive--aligndefault-width); + display: flex; + flex-wrap: wrap; + margin: auto; + max-width: var(--responsive--aligndefault-width); } + .search-form > label { - width: 100%; - margin-bottom: 0; - font-weight: var(--form--label-weight); + width: 100%; + margin-bottom: 0; + font-weight: var(--form--label-weight); } + .search-form .search-field { - flex-grow: 1; - max-width: inherit; - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-right: calc(0.66 * var(--global--spacing-horizontal)); + flex-grow: 1; + max-width: inherit; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-right: calc(0.66 * var(--global--spacing-horizontal)); } + .search-form .search-submit { - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-left: 10px; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-left: 10px; } .widget_search > .search-form .search-field { - margin-right: calc(-1 * var(--button--border-width)); - -webkit-appearance: none; - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + margin-right: calc(-1 * var(--button--border-width)); + -webkit-appearance: none; + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } + .widget_search > .search-form .search-submit { - margin-left: 0; - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + margin-left: 0; + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .widget_rss a.rsswidget .rss-widget-icon { - display: none; + 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; + 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; + 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; + outline: 0; } -@media (prefers-reduced-motion) { - * { - transition-delay: 0s !important; - transition-duration: 0s !important; - } -} .has-black-color[class] { - color: var(--global--color-black); + color: var(--global--color-black); } + .has-black-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-black, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-black, #000); + color: var(--local--color-primary); } .has-gray-color[class] { - color: var(--global--color-gray); + color: var(--global--color-gray); } + .has-gray-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-gray, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-gray, #000); + color: var(--local--color-primary); } .has-dark-gray-color[class] { - color: var(--global--color-dark-gray); + color: var(--global--color-dark-gray); } + .has-dark-gray-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-dark-gray, #000000); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-dark-gray, #000); + color: var(--local--color-primary); } .has-green-color[class] { - color: var(--global--color-green); + color: var(--global--color-green); } + .has-green-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-green, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-green, #fff); + color: var(--local--color-primary); } .has-blue-color[class] { - color: var(--global--color-blue); + color: var(--global--color-blue); } + .has-blue-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-blue, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-blue, #fff); + color: var(--local--color-primary); } .has-purple-color[class] { - color: var(--global--color-purple); + color: var(--global--color-purple); } + .has-purple-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-purple, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-purple, #fff); + color: var(--local--color-primary); } .has-red-color[class] { - color: var(--global--color-red); + color: var(--global--color-red); } + .has-red-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-red, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-red, #fff); + color: var(--local--color-primary); } .has-orange-color[class] { - color: var(--global--color-orange); + color: var(--global--color-orange); } + .has-orange-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-orange, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-orange, #fff); + color: var(--local--color-primary); } .has-yellow-color[class] { - color: var(--global--color-yellow); + color: var(--global--color-yellow); } + .has-yellow-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-yellow, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-yellow, #fff); + color: var(--local--color-primary); } .has-white-color[class] { - color: var(--global--color-white); + color: var(--global--color-white); } + .has-white-color[class] > [class*=__inner-container] { - --local--color-primary: var(--global--color-white, #FFFFFF); - color: var(--local--color-primary); + --local--color-primary: var(--global--color-white, #fff); + color: var(--local--color-primary); } .has-background a, @@ -4883,154 +5658,194 @@ h1.page-title { .has-background h4, .has-background h5, .has-background h6 { - color: currentColor; + color: currentColor; } .has-black-background-color[class] { - background-color: var(--global--color-black); + background-color: var(--global--color-black); } + .has-black-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-black, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-dark-gray); } + .has-dark-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-dark-gray, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-gray); } + .has-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-gray, #000000); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-light-gray); } + .has-light-gray-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-light-gray, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-green); } + .has-green-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-green, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-blue); } + .has-blue-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-blue, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-purple); } + .has-purple-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-purple, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-red); } + .has-red-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-red, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-orange); } + .has-orange-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-orange, #FFFFFF); - background-color: var(--local--color-background); + --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); + background-color: var(--global--color-yellow); } + .has-yellow-background-color[class] > [class*=__inner-container] { - --local--color-background: var(--global--color-yellow, #FFFFFF); - background-color: var(--local--color-background); + --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, #FFFFFF); - background-color: var(--local--color-background); + background-color: var(--global--color-white); } -.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-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] > [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, #FFFFFF); - color: var(--local--color-primary, var(--global--color-primary)); + +.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); } -.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, #000000); + +.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)); } -.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); + +.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] > [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, #000000); - color: var(--local--color-primary, var(--global--color-primary)); + +.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); } -.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, #FFFFFF); + +.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)); + 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)); + 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)); + 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)); + 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)); + 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)); + 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)); + 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)); + background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); } header *, main *, footer * { - max-width: var(--global--spacing-measure); + max-width: var(--global--spacing-measure); } html, @@ -5044,12 +5859,13 @@ hr, main, section, footer { - max-width: none; + max-width: none; } .is-IE.is-dark-theme { - color: #fff; + color: #fff; } + .is-IE.is-dark-theme *, .is-IE.is-dark-theme a, .is-IE.is-dark-theme .site-description, @@ -5061,31 +5877,35 @@ footer { .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; + 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; + fill: #fff; } -/*# sourceMappingURL=style.css.map */ +.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-includes/version.php b/wp-includes/version.php index f9719de78a..ab68e96ced 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -16,7 +16,7 @@ * * @global string $wp_version */ -$wp_version = '6.2-alpha-55088'; +$wp_version = '6.2-alpha-55089'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.