/* Defaults
---------------------------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

img.edit-site-site-icon__image {
	filter: invert(1);
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

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%;
}

/* Forms
--------------------------------------------- */
input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--neutral);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

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

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

/* Group
--------------------------------------------- */
.wp-block-group.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-group.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--shadow);
}

/* Button
--------------------------------------------- */
.wp-block-button .wp-block-button__link {
	transition: transform ease 0.2s, box-shadow ease 0.2s;
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
    color: var(--wp--preset--color--primary);
}
.wp-block-button .wp-block-button__link:hover {
    transform: translate(0, -3px);
	box-shadow: 0 20px 80px -10px var(--wp--preset--color--primary);
}

/* Image
--------------------------------------------- */
.wp-block-image.is-style-shadow-light img {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-image.is-style-shadow-solid img {
	box-shadow: var(--wp--preset--shadow--solid);
}

/* List
--------------------------------------------- */
.is-style-no-disc {
	list-style-type: none;
	padding-left: 0;
}

/* Navigation
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
	padding-bottom: 30px;
	padding-top: 30px
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--base);
}

/* Navigation Submenu
--------------------------------------------- */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	border: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}

/* Separator
--------------------------------------------- */
.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
	background: repeating-linear-gradient(90deg, currentcolor, currentcolor 2px, transparent 2px, transparent 6px) !important;
}
hr.wp-block-separator.is-style-dots {
	width: 100% !important;
    border-bottom: none !important;
    height: 1px !important;
    background: repeating-linear-gradient(90deg, currentcolor, currentcolor 2px, transparent 2px, transparent 6px) !important;
}
hr.wp-block-separator {
	border-width: 1px;
}
/* Quote
--------------------------------------------- */
.wp-block-quote.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.wp-block-quote.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}

/* Padding
--------------------------------------------- */
.has-global-padding :where(.has-global-padding) {
    padding-right: inherit;
    padding-left: inherit;
}

/* Pagination Numbers
--------------------------------------------- */
.wp-block-query-pagination-numbers {
	display: flex;
	gap: 15px;
}
/* Footer
--------------------------------------------- */
ul li a,
.site-footer .has-contrast-background-color a {
    color: inherit;
}
/* Highlight
--------------------------------------------- */
.highlight {
    z-index: 5;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
}
.highlight::before {
    content: "";
    height: 50%;
    width: 100%;
    display: block;
    z-index: -5;
    opacity: 30%;
    position: absolute;
    transition: all 0.3s ease;
    background: linear-gradient(180deg, transparent 50%, var(--wp--preset--color--primary) 50%);
}
.wp-block-post:hover .highlight::before {
    transition: all 0.3s ease;
    height: 100%;
}
.wp-block-query ul li.wp-block-post .wp-block-post-title > a {
	text-decoration: none;
}

/* Media Queries
---------------------------------------------------------------------------- */

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

	/* Utility
	--------------------------------------------- */
	.is-style-hidden-mobile {
		display: none !important;
	}
	.wp-block-navigation__container ul {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.wp-block-navigation__container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
		gap: 10px !important;
	}
	.wp-block-navigation__container li a {
		font-weight: 600;
	}
	.wp-block-navigation__container li li a {
		font-weight: 400;
	}
}

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

	/* Columns
	--------------------------------------------- */
	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}

}

@media only screen and (min-width: 600px) {

	/* Navigation Link
	--------------------------------------------- */
	.wp-block-navigation-item.is-style-outline a {
		border: 1px solid currentColor;
		padding: 8px 15px;
	}

}