Opened 6 months ago
Last modified 6 months ago
#60952 new defect (bug)
Completely broken out of the box: can't edit "hello world" post, lots of errors in browser console in wp-admin
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Awaiting Review | Priority: | normal |
| Severity: | critical | Version: | 6.5 |
| Component: | Editor | Keywords: | needs-screenshots |
| Focuses: | Cc: |
Description (last modified by )
- download wordpress from the official website
- install it
- go to wp-admin
- go to Posts -> "Hello World" -> edit
Already there are a bunch of errors in the console: (oh come on, I can't paste a screenshot!?!?)
- edit the text and click on the "Update" button
Expected: should work
Observed: this error shows up at the top of the page:
"Updating failed. The response is not a valid JSON response."
and this can be seen in the console:
api-fetch.min.js?ver=4c185334c5ec26e149cc:2 POST https://*******.com/wp/index.php/wp-json/wp/v2/posts/1?_locale=user 404 (Not Found)
I didn't touch any settings, this is a fresh installation installed 10 minutes ago.
Attachments (2)
Change History (12)
#5
@
6 months ago
- Keywords reporter-feedback removed
Can you try this:
Custom structure /index.php/%year%/%postname%/
This reproduces for me (/%postname% alone doesn't).
I'm not sure this was the exact value that was set by default out-of-the-box but it was /index.php/%something%/%something%. Either way, it should work with any valid permalink setting.
#6
@
6 months ago
BTW with the Classic Editor plugin, it works and there are no errors even with the same custom permalink structure.
#7
@
6 months ago
Thanks for the clarification @teo8976 . I have set the permalink structure like yours and it's working fine for me. i can't reproduce the issue.
You can do the following steps to check if the issue got solved or not:
1) Deactivate All Plugins From Your WordPress Website
2) Set Your WordPress Website To Its Default Theme
3) Check If The Visual Editor Is Disabled When Writing (go to Users > Your Profile)
4) Ensure Your Website Is Updated To The Latest PHP
5) Ensure You are using latest WordPress version
6) Check For Technical Errors Such As Broken JavaScript in console (developer debug mode)
7) Verify WordPress URLs: Check the WordPress Address and Site Address in Settings » General to ensure they are identical and same.
8) Adjust the custom Permalink Settings again.
9) Make a new post and try to edit.
10) Make sure that you are not using any emoji to your post. sometimes when setting up database your configuration might not support using emoji and it cause json response error.
#9
@
6 months ago
Did all that, still observing the issue.
Are you sure you included the /index.php/ part in your permalink setting?
Some notes:
3) Check If The Visual Editor Is Disabled When Writing (go to Users > Your Profile)
Still reproduces even with the visual editor disabled
4) Ensure Your Website Is Updated To The Latest PHP
It's 8.2.16
6) Check For Technical Errors Such As Broken JavaScript in console (developer debug mode)
As I said, there are a bunch of errors, all from 404 responses:
api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/blocks?context=edit&per_page=100&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/?_fields=description%2Cgmt_off…site_icon%2Csite_icon_url%2Csite_logo%2Ctimezone_string%2Curl&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/?_fields=description%2Cgmt_off…site_icon%2Csite_icon_url%2Csite_logo%2Ctimezone_string%2Curl&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/taxonomies?context=edit&per_page=100&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/block-patterns/categories?_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/users?context=view&who=authors&per_page=50&_fields=id%2Cname&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 OPTIONS https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/posts/10?_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/templates/lookup?slug=single-post-sdv-lskndvslnkdsl-lsndv&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/wp_pattern_category?context=view&per_page=100&_fields=id%2Cname%2Cdescription%2Cslug&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/themes?context=edit&status=active&_locale=user 404 (Not Found) api-fetch.min.js?ver…85334c5ec26e149cc:2 GET https://xxxxxxx.com/wp/index.php/wp-json/wp/v2/templates?context=edit&_locale=user 404 (Not Found)
All of these are when I load the page to edit the post, before I attempt to update.
When I do update, I get this:
api-fetch.min.js?ver…85334c5ec26e149cc:2 POST https://xxxxx.com/wp/index.php/wp-json/wp/v2/posts/10?_locale=user 404 (Not Found)
9) Make a new post and try to edit.
I get the error when attempting to save the new post, let alone edit it.
10) Make sure that you are not using any emoji to your post. sometimes when setting up database your configuration might not support using emoji and it cause json response error.
There are no emojis or other strange characters in the post. Also note these are 404 errors, so nothing to do. And my database was created with utf8_mb4 encoding. Also, if there had been something wrong with my database, I should have received a warning when installing, which I didn't.
But this has nothing to do with that, these are 404 errors.
BTW below is the body of the response to the update request. Shouldn't it be a json??
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name='robots' content='max-image-preview:large'/>
<title>Page not found –Test WordPress</title>
<link rel="alternate" type="application/rss+xml" title="Test WordPress » Feed" href="https://sixty-seven.com/wp/index.php/feed/"/>
<link rel="alternate" type="application/rss+xml" title="Test WordPress » Comments Feed" href="https://sixty-seven.com/wp/index.php/comments/feed/"/>
<script>
window._wpemojiSettings = {
"baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/",
"ext": ".png",
"svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/",
"svgExt": ".svg",
"source": {
"concatemoji": "https:\/\/sixty-seven.com\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6-alpha-57937"
}
};
/*! This file is auto-generated */
!function(i, n) {
var o, s, e;
function c(e) {
try {
var t = {
supportTests: e,
timestamp: (new Date).valueOf()
};
sessionStorage.setItem(o, JSON.stringify(t))
} catch (e) {}
}
function p(e, t, n) {
e.clearRect(0, 0, e.canvas.width, e.canvas.height),
e.fillText(t, 0, 0);
var t = new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data)
, r = (e.clearRect(0, 0, e.canvas.width, e.canvas.height),
e.fillText(n, 0, 0),
new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data));
return t.every(function(e, t) {
return e === r[t]
})
}
function u(e, t, n) {
switch (t) {
case "flag":
return n(e, "\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f", "\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f") ? !1 : !n(e, "\ud83c\uddfa\ud83c\uddf3", "\ud83c\uddfa\u200b\ud83c\uddf3") && !n(e, "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f", "\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");
case "emoji":
return !n(e, "\ud83d\udc26\u200d\u2b1b", "\ud83d\udc26\u200b\u2b1b")
}
return !1
}
function f(e, t, n) {
var r = "undefined" != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? new OffscreenCanvas(300,150) : i.createElement("canvas")
, a = r.getContext("2d", {
willReadFrequently: !0
})
, o = (a.textBaseline = "top",
a.font = "600 32px Arial",
{});
return e.forEach(function(e) {
o[e] = t(a, e, n)
}),
o
}
function t(e) {
var t = i.createElement("script");
t.src = e,
t.defer = !0,
i.head.appendChild(t)
}
"undefined" != typeof Promise && (o = "wpEmojiSettingsSupports",
s = ["flag", "emoji"],
n.supports = {
everything: !0,
everythingExceptFlag: !0
},
e = new Promise(function(e) {
i.addEventListener("DOMContentLoaded", e, {
once: !0
})
}
),
new Promise(function(t) {
var n = function() {
try {
var e = JSON.parse(sessionStorage.getItem(o));
if ("object" == typeof e && "number" == typeof e.timestamp && (new Date).valueOf() < e.timestamp + 604800 && "object" == typeof e.supportTests)
return e.supportTests
} catch (e) {}
return null
}();
if (!n) {
if ("undefined" != typeof Worker && "undefined" != typeof OffscreenCanvas && "undefined" != typeof URL && URL.createObjectURL && "undefined" != typeof Blob)
try {
var e = "postMessage(" + f.toString() + "(" + [JSON.stringify(s), u.toString(), p.toString()].join(",") + "));"
, r = new Blob([e],{
type: "text/javascript"
})
, a = new Worker(URL.createObjectURL(r),{
name: "wpTestEmojiSupports"
});
return void (a.onmessage = function(e) {
c(n = e.data),
a.terminate(),
t(n)
}
)
} catch (e) {}
c(n = f(s, u, p))
}
t(n)
}
).then(function(e) {
for (var t in e)
n.supports[t] = e[t],
n.supports.everything = n.supports.everything && n.supports[t],
"flag" !== t && (n.supports.everythingExceptFlag = n.supports.everythingExceptFlag && n.supports[t]);
n.supports.everythingExceptFlag = n.supports.everythingExceptFlag && !n.supports.flag,
n.DOMReady = !1,
n.readyCallback = function() {
n.DOMReady = !0
}
}).then(function() {
return e
}).then(function() {
var e;
n.supports.everything || (n.readyCallback(),
(e = n.source || {}).concatemoji ? t(e.concatemoji) : e.wpemoji && e.twemoji && (t(e.twemoji),
t(e.wpemoji)))
}))
}((window,
document), window._wpemojiSettings);
</script>
<style id='wp-block-site-logo-inline-css'>
.wp-block-site-logo {
box-sizing: border-box;
line-height: 0
}
.wp-block-site-logo a {
display: inline-block;
line-height: 0
}
.wp-block-site-logo.is-default-size img {
height: auto;
width: 120px
}
.wp-block-site-logo img {
height: auto;
max-width: 100%
}
.wp-block-site-logo a,.wp-block-site-logo img {
border-radius: inherit
}
.wp-block-site-logo.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center
}
.wp-block-site-logo.is-style-rounded {
border-radius: 9999px
}
</style>
<style id='wp-block-site-title-inline-css'>
.wp-block-site-title a {
color: inherit
}
</style>
<style id='wp-block-group-inline-css'>
.wp-block-group {
box-sizing: border-box
}
</style>
<style id='wp-block-page-list-inline-css'>
.wp-block-navigation .wp-block-page-list {
align-items: var(--navigation-layout-align,initial);
background-color: inherit;
display: flex;
flex-direction: var(--navigation-layout-direction,initial);
flex-wrap: var(--navigation-layout-wrap,wrap);
justify-content: var(--navigation-layout-justify,initial)
}
.wp-block-navigation .wp-block-navigation-item {
background-color: inherit
}
</style>
<link rel='stylesheet' id='wp-block-navigation-css' href='https://sixty-seven.com/wp/wp-includes/blocks/navigation/style.min.css?ver=6.6-alpha-57937' media='all'/>
<style id='wp-block-heading-inline-css'>
h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background {
padding: 1.25em 2.375em
}
h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]) {
rotate: 180deg
}
.is-style-asterisk:before {
content: '';
width: 1.5rem;
height: 3rem;
background: var(--wp--preset--color--contrast-2, currentColor);
clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z');
display: block;
}
/* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */
.is-style-asterisk:empty:before {
content: none;
}
.is-style-asterisk:-moz-only-whitespace:before {
content: none;
}
.is-style-asterisk.has-text-align-center:before {
margin: 0 auto;
}
.is-style-asterisk.has-text-align-right:before {
margin-left: auto;
}
.rtl .is-style-asterisk.has-text-align-left:before {
margin-right: auto;
}
</style>
<style id='wp-block-paragraph-inline-css'>
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
font-style: normal;
font-weight: 100;
line-height: .68;
margin: .05em .1em 0 0;
text-transform: uppercase
}
body.rtl .has-drop-cap:not(:focus):first-letter {
float: none;
margin-left: .1em
}
p.has-drop-cap.has-background {
overflow: hidden
}
p.has-background {
padding: 1.25em 2.375em
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit
}
p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"] {
rotate: 180deg
}
</style>
<style id='wp-block-search-inline-css'>
.wp-block-search__button {
margin-left: 10px;
word-break: normal
}
.wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search__button svg {
height: 1.25em;
min-height: 24px;
min-width: 24px;
width: 1.25em;
fill: currentColor;
vertical-align: text-bottom
}
:where(.wp-block-search__button) {
border: 1px solid #ccc;
padding: 6px 10px
}
.wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search__label {
width: 100%
}
.wp-block-search__input {
-webkit-appearance: initial;
appearance: none;
border: 1px solid #949494;
flex-grow: 1;
margin-left: 0;
margin-right: 0;
min-width: 3rem;
padding: 8px;
text-decoration: unset!important
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
flex-shrink: 0;
margin-left: 0;
max-width: 100%
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] {
max-width: calc(100% - 100px)
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
min-width: 0!important;
transition-property: width
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
flex-basis: 100%;
transition-duration: .3s
}
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
overflow: hidden
}
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input {
border-left-width: 0!important;
border-right-width: 0!important;
flex-basis: 0;
flex-grow: 0;
margin: 0;
min-width: 0!important;
padding-left: 0!important;
padding-right: 0!important;
width: 0!important
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border: 1px solid #949494;
box-sizing: border-box;
padding: 4px
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
border: none;
border-radius: 0;
padding: 0 4px
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
outline: none
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
padding: 4px 8px
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto
}
.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
float: right
}
</style>
<style id='wp-block-navigation-link-inline-css'>
.wp-block-navigation .wp-block-navigation-item__label {
overflow-wrap: break-word
}
.wp-block-navigation .wp-block-navigation-item__description {
display: none
}
.link-ui-tools {
border-top: 1px solid #f0f0f0;
padding: 8px
}
.link-ui-block-inserter {
padding-top: 8px
}
.link-ui-block-inserter__back {
margin-left: 8px;
text-transform: uppercase
}
.components-popover-pointer-events-trap {
background-color: initial;
cursor: pointer;
inset: 0;
position: fixed;
z-index: 1000000
}
.is-style-arrow-link .wp-block-navigation-item__label:after {
content: "\2197";
padding-inline-start: 0.25rem; vertical-align: middle;
text-decoration: none;
display: inline-block;
}
</style>
<style id='wp-block-columns-inline-css'>
.wp-block-columns {
align-items: normal!important;
box-sizing: border-box;
display: flex;
flex-wrap: wrap!important
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap:nowrap!important
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
@media (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis:100%!important
}
}
@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis:0;
flex-grow: 1
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap!important
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
:where(.wp-block-columns) {
margin-bottom: 1.75em
}
:where(.wp-block-columns.has-background) {
padding: 1.25em 2.375em
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-stretch {
align-self: stretch
}
.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
width: 100%
}
</style>
<style id='wp-emoji-styles-inline-css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id='wp-block-library-inline-css'>
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0,124,186;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-10--rgb: 0,107,161;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0,90,135;
--wp-admin-border-width-focus: 2px;
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122,0,223;
--wp-bound-block-color: #9747ff
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus:1.5px
}
}
.wp-element-button {
cursor: pointer
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg,#00d084,#0693e3)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg,#faaca8,#dad0ec)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg,#fafae1,#67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg,#fdd79a,#004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg,#330968,#31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg,#020381,#2874fc)
}
.has-regular-font-size {
font-size: 1em
}
.has-larger-font-size {
font-size: 2.625em
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal)
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge)
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.items-justified-left {
justify-content: flex-start
}
.items-justified-center {
justify-content: center
}
.items-justified-right {
justify-content: flex-end
}
.items-justified-space-between {
justify-content: space-between
}
.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;
width: 1px;
word-wrap: normal!important
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto!important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
html :where(.has-border-color) {
border-style: solid
}
html :where([style*=border-top-color]) {
border-top-style: solid
}
html :where([style*=border-right-color]) {
border-right-style: solid
}
html :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
html :where([style*=border-left-color]) {
border-left-style: solid
}
html :where([style*=border-width]) {
border-style: solid
}
html :where([style*=border-top-width]) {
border-top-style: solid
}
html :where([style*=border-right-width]) {
border-right-style: solid
}
html :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
html :where([style*=border-left-width]) {
border-left-style: solid
}
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%
}
:where(figure) {
margin: 0 0 1em
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px)
}
@media screen and (max-width: 600px) {
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset:0px
}
}
</style>
<style id='global-styles-inline-css'>
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--base: #f9f9f9;
--wp--preset--color--base-2: #ffffff;
--wp--preset--color--contrast: #111111;
--wp--preset--color--contrast-2: #636363;
--wp--preset--color--contrast-3: #A4A4A4;
--wp--preset--color--accent: #cfcabe;
--wp--preset--color--accent-2: #c2a990;
--wp--preset--color--accent-3: #d8613c;
--wp--preset--color--accent-4: #b1c5a4;
--wp--preset--color--accent-5: #b5bdbc;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
--wp--preset--gradient--gradient-1: linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%);
--wp--preset--gradient--gradient-2: linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%);
--wp--preset--gradient--gradient-3: linear-gradient(to bottom, #D8613C 0%, #F9F9F9 100%);
--wp--preset--gradient--gradient-4: linear-gradient(to bottom, #B1C5A4 0%, #F9F9F9 100%);
--wp--preset--gradient--gradient-5: linear-gradient(to bottom, #B5BDBC 0%, #F9F9F9 100%);
--wp--preset--gradient--gradient-6: linear-gradient(to bottom, #A4A4A4 0%, #F9F9F9 100%);
--wp--preset--gradient--gradient-7: linear-gradient(to bottom, #cfcabe 50%, #F9F9F9 50%);
--wp--preset--gradient--gradient-8: linear-gradient(to bottom, #C2A990 50%, #F9F9F9 50%);
--wp--preset--gradient--gradient-9: linear-gradient(to bottom, #D8613C 50%, #F9F9F9 50%);
--wp--preset--gradient--gradient-10: linear-gradient(to bottom, #B1C5A4 50%, #F9F9F9 50%);
--wp--preset--gradient--gradient-11: linear-gradient(to bottom, #B5BDBC 50%, #F9F9F9 50%);
--wp--preset--gradient--gradient-12: linear-gradient(to bottom, #A4A4A4 50%, #F9F9F9 50%);
--wp--preset--font-size--small: 0.9rem;
--wp--preset--font-size--medium: 1.05rem;
--wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.767), 1.85rem);
--wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 1.083), 2.5rem);
--wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.283), 3.27rem);
--wp--preset--font-family--body: "Inter", sans-serif;
--wp--preset--font-family--heading: Cardo;
--wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
--wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--wp--preset--spacing--10: 1rem;
--wp--preset--spacing--20: min(1.5rem, 2vw);
--wp--preset--spacing--30: min(2.5rem, 3vw);
--wp--preset--spacing--40: min(4rem, 5vw);
--wp--preset--spacing--50: min(6.5rem, 8vw);
--wp--preset--spacing--60: min(10.5rem, 13vw);
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
body {
margin: 0;
--wp--style--global--content-size: 620px;
--wp--style--global--wide-size: 1280px;
}
.wp-site-blocks {
padding-top: var(--wp--style--root--padding-top);
padding-bottom: var(--wp--style--root--padding-bottom);
}
.has-global-padding {
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
}
.has-global-padding :where(.has-global-padding:not(.wp-block-block)) {
padding-right: 0;
padding-left: 0;
}
.has-global-padding > .alignfull {
margin-right: calc(var(--wp--style--root--padding-right) * -1);
margin-left: calc(var(--wp--style--root--padding-left) * -1);
}
.has-global-padding :where(.has-global-padding:not(.wp-block-block)) > .alignfull {
margin-right: 0;
margin-left: 0;
}
.has-global-padding > .alignfull:where(:not(.has-global-padding):not(.is-layout-flex):not(.is-layout-grid)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) {
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
}
.has-global-padding :where(.has-global-padding) > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) {
padding-right: 0;
padding-left: 0;
}
.wp-site-blocks > .alignleft {
float: left;
margin-right: 2em;
}
.wp-site-blocks > .alignright {
float: right;
margin-left: 2em;
}
.wp-site-blocks > .aligncenter {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
:where(.wp-site-blocks) > * {
margin-block-start: 1.2rem; margin-block-end: 0; }
:where(.wp-site-blocks) > :first-child:first-child {
margin-block-start: 0; }
:where(.wp-site-blocks) > :last-child:last-child {
margin-block-end: 0; }
body {
--wp--style--block-gap: 1.2rem;
}
:where(body .is-layout-flow) > :first-child:first-child {
margin-block-start: 0;}
:where(body .is-layout-flow) > :last-child:last-child {
margin-block-end: 0;}
:where(body .is-layout-flow) > * {
margin-block-start: 1.2rem;margin-block-end: 0;}
:where(body .is-layout-constrained) > :first-child:first-child {
margin-block-start: 0;}
:where(body .is-layout-constrained) > :last-child:last-child {
margin-block-end: 0;}
:where(body .is-layout-constrained) > * {
margin-block-start: 1.2rem;margin-block-end: 0;}
:where(body .is-layout-flex) {
gap: 1.2rem;
}
:where(body .is-layout-grid) {
gap: 1.2rem;
}
body .is-layout-flow > .alignleft {
float: left;
margin-inline-start: 0;margin-inline-end: 2em;}
body .is-layout-flow > .alignright {
float: right;
margin-inline-start: 2em;margin-inline-end: 0;}
body .is-layout-flow > .aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained > .alignleft {
float: left;
margin-inline-start: 0;margin-inline-end: 2em;}
body .is-layout-constrained > .alignright {
float: right;
margin-inline-start: 2em;margin-inline-end: 0;}
body .is-layout-constrained > .aligncenter {
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
body .is-layout-constrained > .alignwide {
max-width: var(--wp--style--global--wide-size);
}
body .is-layout-flex {
display: flex;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
body .is-layout-flex > * {
margin: 0;
}
body .is-layout-grid {
display: grid;
}
body .is-layout-grid > * {
margin: 0;
}
body {
background-color: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--medium);
font-style: normal;
font-weight: 400;
line-height: 1.55;
--wp--style--root--padding-top: 0px;
--wp--style--root--padding-right: var(--wp--preset--spacing--50);
--wp--style--root--padding-bottom: 0px;
--wp--style--root--padding-left: var(--wp--preset--spacing--50);
}
a:where(:not(.wp-element-button)) {
color: var(--wp--preset--color--contrast);
text-decoration: underline;
}
a:where(:not(.wp-element-button)):hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--heading);
font-weight: 400;
line-height: 1.2;
}
h1 {
font-size: var(--wp--preset--font-size--xx-large);
line-height: 1.15;
}
h2 {
font-size: var(--wp--preset--font-size--x-large);
}
h3 {
font-size: var(--wp--preset--font-size--large);
}
h4 {
font-size: clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem);
}
h5 {
font-size: var(--wp--preset--font-size--medium);
}
h6 {
font-size: var(--wp--preset--font-size--small);
}
.wp-element-button, .wp-block-button__link {
background-color: var(--wp--preset--color--contrast);
border-radius: .33rem;
border-color: var(--wp--preset--color--contrast);
border-width: 0;
color: var(--wp--preset--color--base);
font-family: inherit;
font-size: var(--wp--preset--font-size--small);
font-style: normal;
font-weight: 500;
line-height: inherit;
padding-top: 0.6rem;
padding-right: 1rem;
padding-bottom: 0.6rem;
padding-left: 1rem;
text-decoration: none;
}
.wp-element-button:hover, .wp-block-button__link:hover {
background-color: var(--wp--preset--color--contrast-2);
border-color: var(--wp--preset--color--contrast-2);
color: var(--wp--preset--color--base);
}
.wp-element-button:focus, .wp-block-button__link:focus {
background-color: var(--wp--preset--color--contrast-2);
border-color: var(--wp--preset--color--contrast-2);
color: var(--wp--preset--color--base);
outline-color: var(--wp--preset--color--contrast);
outline-offset: 2px;
}
.wp-element-button:active, .wp-block-button__link:active {
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption {
color: var(--wp--preset--color--contrast-2);
font-family: var(--wp--preset--font-family--body);
font-size: 0.8rem;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-base-color {
color: var(--wp--preset--color--base) !important;
}
.has-base-2-color {
color: var(--wp--preset--color--base-2) !important;
}
.has-contrast-color {
color: var(--wp--preset--color--contrast) !important;
}
.has-contrast-2-color {
color: var(--wp--preset--color--contrast-2) !important;
}
.has-contrast-3-color {
color: var(--wp--preset--color--contrast-3) !important;
}
.has-accent-color {
color: var(--wp--preset--color--accent) !important;
}
.has-accent-2-color {
color: var(--wp--preset--color--accent-2) !important;
}
.has-accent-3-color {
color: var(--wp--preset--color--accent-3) !important;
}
.has-accent-4-color {
color: var(--wp--preset--color--accent-4) !important;
}
.has-accent-5-color {
color: var(--wp--preset--color--accent-5) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-base-background-color {
background-color: var(--wp--preset--color--base) !important;
}
.has-base-2-background-color {
background-color: var(--wp--preset--color--base-2) !important;
}
.has-contrast-background-color {
background-color: var(--wp--preset--color--contrast) !important;
}
.has-contrast-2-background-color {
background-color: var(--wp--preset--color--contrast-2) !important;
}
.has-contrast-3-background-color {
background-color: var(--wp--preset--color--contrast-3) !important;
}
.has-accent-background-color {
background-color: var(--wp--preset--color--accent) !important;
}
.has-accent-2-background-color {
background-color: var(--wp--preset--color--accent-2) !important;
}
.has-accent-3-background-color {
background-color: var(--wp--preset--color--accent-3) !important;
}
.has-accent-4-background-color {
background-color: var(--wp--preset--color--accent-4) !important;
}
.has-accent-5-background-color {
background-color: var(--wp--preset--color--accent-5) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-base-border-color {
border-color: var(--wp--preset--color--base) !important;
}
.has-base-2-border-color {
border-color: var(--wp--preset--color--base-2) !important;
}
.has-contrast-border-color {
border-color: var(--wp--preset--color--contrast) !important;
}
.has-contrast-2-border-color {
border-color: var(--wp--preset--color--contrast-2) !important;
}
.has-contrast-3-border-color {
border-color: var(--wp--preset--color--contrast-3) !important;
}
.has-accent-border-color {
border-color: var(--wp--preset--color--accent) !important;
}
.has-accent-2-border-color {
border-color: var(--wp--preset--color--accent-2) !important;
}
.has-accent-3-border-color {
border-color: var(--wp--preset--color--accent-3) !important;
}
.has-accent-4-border-color {
border-color: var(--wp--preset--color--accent-4) !important;
}
.has-accent-5-border-color {
border-color: var(--wp--preset--color--accent-5) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-gradient-1-gradient-background {
background: var(--wp--preset--gradient--gradient-1) !important;
}
.has-gradient-2-gradient-background {
background: var(--wp--preset--gradient--gradient-2) !important;
}
.has-gradient-3-gradient-background {
background: var(--wp--preset--gradient--gradient-3) !important;
}
.has-gradient-4-gradient-background {
background: var(--wp--preset--gradient--gradient-4) !important;
}
.has-gradient-5-gradient-background {
background: var(--wp--preset--gradient--gradient-5) !important;
}
.has-gradient-6-gradient-background {
background: var(--wp--preset--gradient--gradient-6) !important;
}
.has-gradient-7-gradient-background {
background: var(--wp--preset--gradient--gradient-7) !important;
}
.has-gradient-8-gradient-background {
background: var(--wp--preset--gradient--gradient-8) !important;
}
.has-gradient-9-gradient-background {
background: var(--wp--preset--gradient--gradient-9) !important;
}
.has-gradient-10-gradient-background {
background: var(--wp--preset--gradient--gradient-10) !important;
}
.has-gradient-11-gradient-background {
background: var(--wp--preset--gradient--gradient-11) !important;
}
.has-gradient-12-gradient-background {
background: var(--wp--preset--gradient--gradient-12) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
.has-xx-large-font-size {
font-size: var(--wp--preset--font-size--xx-large) !important;
}
.has-body-font-family {
font-family: var(--wp--preset--font-family--body) !important;
}
.has-heading-font-family {
font-family: var(--wp--preset--font-family--heading) !important;
}
.has-system-sans-serif-font-family {
font-family: var(--wp--preset--font-family--system-sans-serif) !important;
}
.has-system-serif-font-family {
font-family: var(--wp--preset--font-family--system-serif) !important;
}
.wp-block-navigation {
font-weight: 500;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit;
text-decoration: none;
}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
text-decoration: underline;
}
.wp-block-search .wp-block-search__label, .wp-block-search .wp-block-search__input, .wp-block-search .wp-block-search__button {
font-size: var(--wp--preset--font-size--small);
}
.wp-block-search .wp-element-button,.wp-block-search .wp-block-button__link {
border-radius: .33rem;
}
.wp-block-site-tagline {
color: var(--wp--preset--color--contrast-2);
font-size: var(--wp--preset--font-size--small);
}
.wp-block-site-title {
font-family: var(--wp--preset--font-family--body);
font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.542), 1.2rem);
font-style: normal;
font-weight: 600;
}
.wp-block-site-title a:where(:not(.wp-element-button)) {
text-decoration: none;
}
.wp-block-site-title a:where(:not(.wp-element-button)):hover {
text-decoration: none;
}
:where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid
}
.wp-block-calendar.wp-block-calendar table:where(:not(.has-text-color)) th {
background-color: var(--wp--preset--color--contrast-2);
color: var(--wp--preset--color--base);
border-color: var(--wp--preset--color--contrast-2)
}
.wp-block-calendar table:where(:not(.has-text-color)) td {
border-color: var(--wp--preset--color--contrast-2)
}
.wp-block-categories {
}
.wp-block-categories {
list-style-type: none;
}
.wp-block-categories li {
margin-bottom: 0.5rem;
}
.wp-block-post-comments-form {
}
.wp-block-post-comments-form textarea, .wp-block-post-comments-form input {
border-radius: .33rem
}
.wp-block-loginout {
}
.wp-block-loginout input {
border-radius: .33rem;
padding: calc(0.667em + 2px);
border: 1px solid #949494;
}
.wp-block-post-terms {
}
.wp-block-post-terms .wp-block-post-terms__prefix {
color: var(--wp--preset--color--contrast-2);
}
.wp-block-query-title {
}
.wp-block-query-title span {
font-style: italic;
}
.wp-block-quote {
}
.wp-block-quote :where(p) {
margin-block-start:0;margin-block-end:calc(var(--wp--preset--spacing--10) + 0.5rem);}
.wp-block-quote : where(:last-child) {
margin-block-end:0;
}
.wp-block-quote.has-text-align-right.is-style-plain, .rtl .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-left) {
border-width: 0 2px 0 0;
padding-left: calc(var(--wp--preset--spacing--20) + 0.5rem);
padding-right: calc(var(--wp--preset--spacing--20) + 0.5rem);
}
.wp-block-quote.has-text-align-left.is-style-plain, body:not(.rtl) .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-right) {
border-width: 0 0 0 2px;
padding-left: calc(var(--wp--preset--spacing--20) + 0.5rem);
padding-right: calc(var(--wp--preset--spacing--20) + 0.5rem)
}
.wp-block-search {
}
.wp-block-search .wp-block-search__input {
border-radius: .33rem
}
.wp-block-separator {
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull) {
width: var(--wp--preset--spacing--60)
}
</style>
<style id='core-block-supports-inline-css'>
.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 > * {
margin-block-start:0;margin-block-end:0;}
.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 > * + * {
margin-block-start:0px;margin-block-end:0;}
.wp-container-core-group-is-layout-2.wp-container-core-group-is-layout-2 {
gap: var(--wp--preset--spacing--20);
}
.wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 {
gap: var(--wp--preset--spacing--20);
justify-content: flex-end;
}
.wp-container-core-group-is-layout-3.wp-container-core-group-is-layout-3 {
justify-content: flex-start;
}
.wp-container-core-group-is-layout-4.wp-container-core-group-is-layout-4 {
justify-content: space-between;
}
.wp-container-core-group-is-layout-6.wp-container-core-group-is-layout-6 > * {
margin-block-start:0;margin-block-end:0;}
.wp-container-core-group-is-layout-6.wp-container-core-group-is-layout-6.wp-container-core-group-is-layout-6.wp-container-core-group-is-layout-6 > * + * {
margin-block-start:var(--wp--preset--spacing--30);margin-block-end: 0;
}
.wp-container-core-group-is-layout-7.wp-container-core-group-is-layout-7 {
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-navigation-is-layout-2.wp-container-core-navigation-is-layout-2 {
gap: var(--wp--preset--spacing--10);
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-group-is-layout-8.wp-container-core-group-is-layout-8 {
gap: var(--wp--preset--spacing--10);
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-group-is-layout-9.wp-container-core-group-is-layout-9 {
flex-direction: column;
align-items: stretch;
}
.wp-container-core-navigation-is-layout-3.wp-container-core-navigation-is-layout-3 {
gap: var(--wp--preset--spacing--10);
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-group-is-layout-10.wp-container-core-group-is-layout-10 {
gap: var(--wp--preset--spacing--10);
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-group-is-layout-11.wp-container-core-group-is-layout-11 {
flex-direction: column;
align-items: stretch;
}
.wp-container-core-navigation-is-layout-4.wp-container-core-navigation-is-layout-4 {
gap: var(--wp--preset--spacing--10);
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-group-is-layout-12.wp-container-core-group-is-layout-12 {
gap: var(--wp--preset--spacing--10);
flex-direction: column;
align-items: flex-start;
}
.wp-container-core-group-is-layout-13.wp-container-core-group-is-layout-13 {
flex-direction: column;
align-items: stretch;
}
.wp-container-core-group-is-layout-14.wp-container-core-group-is-layout-14 {
justify-content: space-between;
align-items: flex-start;
}
.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1 {
flex-wrap: nowrap;
}
.wp-elements-69a005592d8de9c85f5c3744bd9a4e03 a:where(:not(.wp-element-button)) {
color: var(--wp--preset--color--contrast);
}
</style>
<style id='wp-block-template-skip-link-inline-css'>
.skip-link.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
</style>
<link rel="https://api.w.org/" href="https://sixty-seven.com/wp/index.php/wp-json/"/>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://sixty-seven.com/wp/xmlrpc.php?rsd"/>
<meta name="generator" content="WordPress 6.6-alpha-57937"/>
<script id="wp-load-polyfill-importmap">
(HTMLScriptElement.supports && HTMLScriptElement.supports("importmap")) || document.write('<script src="https://sixty-seven.com/wp/wp-includes/js/dist/vendor/wp-polyfill-importmap.min.js?ver=1.8.2"></scr' + 'ipt>');
</script>
<script type="importmap" id="wp-importmap">
{
"imports": {
"@wordpress\/interactivity": "https:\/\/sixty-seven.com\/wp\/wp-includes\/js\/dist\/interactivity.min.js?ver=6.6-alpha-57937"
}
}</script>
<script type="module" src="https://sixty-seven.com/wp/wp-includes/blocks/navigation/view.min.js?ver=6.6-alpha-57937" id="@wordpress/block-library/navigation-js-module"></script>
<link rel="modulepreload" href="https://sixty-seven.com/wp/wp-includes/js/dist/interactivity.min.js?ver=6.6-alpha-57937" id="@wordpress/interactivity-js-modulepreload">
<style id='wp-fonts-local'>
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300 900;
font-display: fallback;
src: url('https://sixty-seven.com/wp/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');
font-stretch: normal;
}
@font-face {
font-family: Cardo;
font-style: normal;
font-weight: 400;
font-display: fallback;
src: url('https://sixty-seven.com/wp/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2') format('woff2');
}
@font-face {
font-family: Cardo;
font-style: italic;
font-weight: 400;
font-display: fallback;
src: url('https://sixty-seven.com/wp/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2') format('woff2');
}
@font-face {
font-family: Cardo;
font-style: normal;
font-weight: 700;
font-display: fallback;
src: url('https://sixty-seven.com/wp/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2') format('woff2');
}
</style>
</head>
<body class="error404 logged-in wp-embed-responsive">
<div class="wp-site-blocks">
<header class="wp-block-template-part">
<div class="wp-block-group alignwide has-base-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:20px;padding-bottom:20px">
<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-4 wp-block-group-is-layout-flex">
<div class="wp-block-group is-layout-flex wp-container-core-group-is-layout-2 wp-block-group-is-layout-flex">
<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-1 wp-block-group-is-layout-flow">
<p class="wp-block-site-title">
<a href="https://sixty-seven.com/wp" target="_self" rel="home">Test WordPress</a>
</p>
</div>
</div>
<div class="wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-3 wp-block-group-is-layout-flex">
<nav class="is-responsive items-justified-right wp-block-navigation is-horizontal is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-1 wp-block-navigation-is-layout-flex" aria-label="" data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'>
<button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-wp-on--click="actions.openMenuOnClick" data-wp-on--keydown="actions.handleMenuKeydown">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<rect x="4" y="7.5" width="16" height="1.5"/>
<rect x="4" y="15" width="16" height="1.5"/>
</svg>
</button>
<div class="wp-block-navigation__responsive-container " style="" id="modal-1" data-wp-class--has-modal-open="state.isMenuOpen" data-wp-class--is-menu-open="state.isMenuOpen" data-wp-watch="callbacks.initMenu" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--focusout="actions.handleMenuFocusout" tabindex="-1">
<div class="wp-block-navigation__responsive-close" tabindex="-1">
<div class="wp-block-navigation__responsive-dialog" data-wp-bind--aria-modal="state.ariaModal" data-wp-bind--aria-label="state.ariaLabel" data-wp-bind--role="state.roleAttribute">
<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" data-wp-on--click="actions.closeMenuOnClick">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
<path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path>
</svg>
</button>
<div class="wp-block-navigation__responsive-container-content" data-wp-watch="callbacks.focusFirstElement" id="modal-1-content">
<ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation">
<ul class="wp-block-page-list">
<li class="wp-block-pages-list__item wp-block-navigation-item open-on-hover-click menu-item-home">
<a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://sixty-seven.com/wp/">Home</a>
</li>
<li class="wp-block-pages-list__item wp-block-navigation-item open-on-hover-click">
<a class="wp-block-pages-list__item__link wp-block-navigation-item__content" href="https://sixty-seven.com/wp/index.php/sample-page/">Sample Page</a>
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<main class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-6 wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)">
<h1 class="wp-block-heading" id="page-not-found">Page Not Found</h1>
<p>The page you are looking for does not exist, or it has been moved. Please try searching using the form below.</p>
<form role="search" method="get" action="https://sixty-seven.com/wp/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
<label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-2">Search</label>
<div class="wp-block-search__inside-wrapper ">
<input class="wp-block-search__input has-medium-font-size" id="wp-block-search__input-2" placeholder="" value="" type="search" name="s" required/>
<button aria-label="Search" class="wp-block-search__button has-medium-font-size wp-element-button" type="submit">Search</button>
</div>
</form>
</main>
<footer class="wp-block-template-part">
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-7 wp-block-group-is-layout-flex">
<p class="wp-block-site-title has-medium-font-size">
<a href="https://sixty-seven.com/wp" target="_self" rel="home">Test WordPress</a>
</p>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:20%"></div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-14 wp-block-group-is-layout-flex">
<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-9 wp-block-group-is-layout-flex">
<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">About</h2>
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8 wp-block-group-is-layout-flex">
<nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation has-small-font-size is-layout-flex wp-container-core-navigation-is-layout-2 wp-block-navigation-is-layout-flex" aria-label="About">
<ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size">
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Team</span>
</a>
</li>
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">History</span>
</a>
</li>
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Careers</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-11 wp-block-group-is-layout-flex">
<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Privacy</h2>
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex">
<nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation has-small-font-size is-layout-flex wp-container-core-navigation-is-layout-3 wp-block-navigation-is-layout-flex" aria-label="Privacy">
<ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size">
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Privacy Policy</span>
</a>
</li>
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Terms and Conditions</span>
</a>
</li>
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Contact Us</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-13 wp-block-group-is-layout-flex">
<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Social</h2>
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-12 wp-block-group-is-layout-flex">
<nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation has-small-font-size is-layout-flex wp-container-core-navigation-is-layout-4 wp-block-navigation-is-layout-flex" aria-label="Social Media">
<ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size">
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Facebook</span>
</a>
</li>
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Instagram</span>
</a>
</li>
<li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link">
<a class="wp-block-navigation-item__content" href="#">
<span class="wp-block-navigation-item__label">Twitter/X</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0">
<p class="has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-69a005592d8de9c85f5c3744bd9a4e03">
Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a>
</p>
</div>
</div>
</footer>
</div>
<script id="wp-block-template-skip-link-js-after">
(function() {
var skipLinkTarget = document.querySelector('main'), sibling, skipLinkTargetID, skipLink;
// Early exit if a skip-link target can't be located.
if (!skipLinkTarget) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector('.wp-site-blocks');
// Early exit if the root element was not found.
if (!sibling) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if (!skipLinkTargetID) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement('a');
skipLink.classList.add('skip-link', 'screen-reader-text');
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerHTML = 'Skip to content';
// Inject the skip link.
sibling.parentElement.insertBefore(skipLink, sibling);
}());
</script>
</body>
</html>
Note: See
TracTickets for help on using
tickets.
The issue goes away if I change the Permalink setting to "Plain".
By default, it was set to something else. I think it was "Custom Structure", but by changing it to plain, the contents of the input field that defined the custom structure was lost (and it doesn't get recovered if I re-select "Custom Structure"), which is BTW a separate bug by itself.