/* Defaults
---------------------------------------- */

*,
*::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%;
}

/* Fields */

.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) * 0.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;
}

/* Blocks
---------------------------------------- */

*: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 ;
}

/* Footer takes remaining space */
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%;
}

/* Comments */

.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) * 0.5 );
}

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

/* Comment reply link */
.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;
    }
}