*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
    text-decoration-thickness: 1px
}

b,
strong,
th {
    font-weight: var(--wp--custom--font-weight--medium)
}

mark {
    background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
    background-position: 0 85%;
    background-repeat: repeat-x;
    background-size: 100% 15%
}

.wp-block-post-comments-form label,
.comment-form label,
.wp-block-search label,
:where(.wp-site-blocks) form label:not(.components-checkbox-control__label):not(.components-base-control__label) {
    color: var(--wp--preset--color--secondary);
    display: inline-block;
    font-size: var(--wp--preset--font-size--small);
    margin-bottom: calc(var(--wp--preset--spacing--x-small)*.5)
}

.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.comment-form textarea,
.comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-search input:not([type=submit]),
:where(.wp-site-blocks) form textarea:not(.components-textarea-control__input),
:where(.wp-site-blocks) form input:not([type=submit]):not([type=checkbox]):not(.components-text-control__input) {
    background-color: color-mix(in srgb, var(--wp--preset--color--base) 98%, var(--wp--preset--color--secondary) 2%);
    border-color: var(--wp--preset--color--primary);
    border-radius: var(--wp--preset--spacing--x-small);
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--small);
    font-family: inherit;
    line-height: 1.5;
    min-height: 40px;
    padding: 8px 12px;
    width: 100%
}

.wp-block-post-comments-form input:focus,
.wp-block-post-comments-form textarea:focus,
.comment-form input:focus,
.comment-form textarea:focus,
:where(.wp-site-blocks) form input:focus:not(.components-text-control__input),
:where(.wp-site-blocks) form textarea:focus:not(.components-textarea-control__input) {
    background-color: var(--wp--preset--color--base);
    outline: none
}

.wp-block-post-comments-form textarea:focus-visible,
.wp-block-post-comments-form input:not([type=submit]):focus-visible,
.comment-form textarea:focus-visible,
.comment-form input:not([type=submit]):focus-visible,
:where(.wp-site-blocks) form textarea:focus-visible:not(.components-textarea-control__input),
:where(.wp-site-blocks) form input:not([type=submit]):focus-visible:not(.components-text-control__input) {
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 2px
}

.wp-block-post-comments-form input[type="checkbox"],
.wp-block-post-comments-form input[type="image"],
.wp-block-post-comments-form input[type="radio"],
.comment-form input[type="checkbox"],
.comment-form input[type="image"],
.comment-form input[type="radio"] {
    width: auto
}

.wp-block-post-comments-form input[type="button"],
.wp-block-post-comments-form input[type="email"],
.wp-block-post-comments-form input[type="search"],
.wp-block-post-comments-form input[type="submit"],
.wp-block-post-comments-form input[type="text"],
.wp-block-post-comments-form textarea,
.comment-form input[type="button"],
.comment-form input[type="email"],
.comment-form input[type="search"],
.comment-form input[type="submit"],
.comment-form input[type="text"],
.comment-form textarea {
    -webkit-appearance: none
}

.wp-block-post-comments-form input[type=submit],
.comment-form input[type=submit] {
    width: 100%
}

.wp-block-post-comments-form input::placeholder,
.comment-form input::placeholder,
:where(.wp-site-blocks) form input::placeholder:not(.components-text-control__input) {
    color: var(--wp--preset--color--primary);
    opacity: 1
}

*:not(.wp-block-code)>code {
    background-color: var(--wp--preset--color--neutral);
    font-size: var(--wp--preset--font-size--small);
    padding: 5px 8px
}

.wp-block-query-pagination.block-editor-block-list__layout,
footer.block-editor-block-list__layout {
    margin-top: 0
}

html,
body {
    height: 100%
}

.wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

footer.wp-block-template-part {
    margin-top: auto;
    flex: 1;
    display: flex;
    flex-direction: column
}

footer.wp-block-template-part>.wp-block-group {
    flex: 1;
    display: flex;
    flex-direction: column
}

footer.wp-block-template-part>.wp-block-group>.wp-block-group {
    flex: 1;
    max-width: var(--wp--style--global--content-size);
    width: 100%
}

.comment-reply-title {
    display: flex;
    font-size: var(--wp--preset--font-size--x-large);
    justify-content: space-between;
    margin: 0
}

.comment-reply-title :where(small) a {
    color: var(--wp--preset--color--primary);
    font-size: 90%;
    font-weight: normal;
    text-decoration: none
}

.comment-reply-title :where(small) a:hover {
    color: var(--wp--preset--color--contrast)
}

.logged-in-as,
.comment-notes,
.required-field-message {
    display: block;
    font-size: var(--wp--preset--font-size--small)
}

.required-field-message {
    color: var(--wp--preset--color--primary);
    margin-top: calc(var(--wp--preset--spacing--x-small)*.5)
}

.comment-form-cookies-consent {
    align-items: start
}

.wp-block-comment-reply-link a {
    background-color: color-mix(in srgb, var(--wp--preset--color--base) 98%, var(--wp--preset--color--secondary) 2%);
    border-radius: var(--wp--preset--spacing--x-small);
    color: var(--wp--preset--color--contrast);
    display: inline-block;
    font-size: 90%;
    line-height: 1;
    padding: 7px 10px;
    text-decoration: none;
    transition: background-color var(--wp--custom--transition--duration, 200ms) ease-out, color var(--wp--custom--transition--duration, 200ms) ease-out
}

.wp-block-comment-reply-link a:hover {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--contrast)
}

@media only screen and (max-width:601px) {
    .page-header {
        padding-top: var(--wp--preset--spacing--small) !important;
        padding-bottom: var(--wp--preset--spacing--small) !important
    }

    .editor-styles-wrapper .block-editor-block-list__layout {
        gap: 5px !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    .wp-block-group-is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

@media only screen and (max-width:381px) {

    .is-layout-grid .has-text-align-left,
    .is-layout-grid .has-text-align-right {
        text-align: center
    }
}